Creato a 11/27/2018 09:21
  1.28k

Primer CSS framework Color system

Gray
#6a737d
Blue
#0366d6
Green
#28a745
Purple
#6f42c1
Yellow
#ffd33d
Orange
#f66a0a
Red
#d73a49
White
#ffffff
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Blue #0366d6 e Yellow #ffd33d. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Primer CSS framework Color system ha una combinazione di colori dei codici 8:
ESADECIMALE: #6a737d, RGB: (106, 115, 125); ESADECIMALE: #0366d6, RGB: (3, 102, 214); ESADECIMALE: #28a745, RGB: (40, 167, 69)
ESADECIMALE: #6f42c1, RGB: (111, 66, 193); ESADECIMALE: #ffd33d, RGB: (255, 211, 61); ESADECIMALE: #f66a0a, RGB: (246, 106, 10)
ESADECIMALE: #d73a49, RGB: (215, 58, 73); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Tonalità di slategrey, Tonalità di royalblue, Tonalità di mediumseagreen, Ombra di blueviolet, Ombra di gold, Ombra di chocolate, Ombra di crimson, Bianco
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Primer CSS framework Color system codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#6a737d RGB(106, 115, 125)Gray
#0366d6 RGB(3, 102, 214)Blue
#28a745 RGB(40, 167, 69)Green
#6f42c1 RGB(111, 66, 193)Purple
#ffd33d RGB(255, 211, 61)Yellow
#f66a0a RGB(246, 106, 10)Orange
#d73a49 RGB(215, 58, 73)Red
#ffffff RGB(255, 255, 255)White

Contrasto della palette di colori

14 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testo Colore di sfondo Rapporto di contrasto
#6a737d
#0366d6
1.12
#6a737d
#28a745
1.53
#6a737d
#6f42c1
1.35
#6a737d
#f66a0a
1.6
#6a737d
#d73a49
1.05
#0366d6
#28a745
1.72

Tavolozza immagini Primer CSS framework Color system png