Creato a 03/29/2024 15:11
Semantic UI React CSS Framework colors
red
#db2828
orange
#f2711c
yellow
#fbbd08
olive
#b5cc18
green
#21ba45
teal
#00b5ad
blue
#2185d0
violet
#6435c9
purple
#a333c8
pink
#e03997
brown
#a5673f
grey
#767676
black
#1b1c1d
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati yellow #fbbd08 e teal #00b5ad. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
La tavolozza Semantic UI React CSS Framework colors ha una combinazione di colori dei codici 13:
ESADECIMALE: #db2828, RGB: (219, 40, 40); ESADECIMALE: #f2711c, RGB: (242, 113, 28); ESADECIMALE: #fbbd08, RGB: (251, 189, 8)
ESADECIMALE: #b5cc18, RGB: (181, 204, 24); ESADECIMALE: #21ba45, RGB: (33, 186, 69); ESADECIMALE: #00b5ad, RGB: (0, 181, 173)
ESADECIMALE: #2185d0, RGB: (33, 133, 208); ESADECIMALE: #6435c9, RGB: (100, 53, 201); ESADECIMALE: #a333c8, RGB: (163, 51, 200)
ESADECIMALE: #e03997, RGB: (224, 57, 151); ESADECIMALE: #a5673f, RGB: (165, 103, 63); ESADECIMALE: #767676, RGB: (118, 118, 118)
ESADECIMALE: #1b1c1d, RGB: (27, 28, 29)
Versione semplificata della tavolozza dei colori
Ombra di crimson, Ombra di chocolate, Ombra di goldenrod, Ombra di Giallo verde, Tonalità di limegreen, Tonalità di lightseagreen, Tonalità di steelblue, Tonalità di blueviolet, Ombra di darkorchid, Ombra di deeppink, Ombra di sienna, Tonalità di Grigio, Ombra di Nero
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Semantic UI React CSS Framework colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #db2828 | RGB(219, 40, 40) | red | — | |
| #f2711c | RGB(242, 113, 28) | orange | — | |
| #fbbd08 | RGB(251, 189, 8) | yellow | — | |
| #b5cc18 | RGB(181, 204, 24) | olive | — | |
| #21ba45 | RGB(33, 186, 69) | green | — | |
| #00b5ad | RGB(0, 181, 173) | teal | — | |
| #2185d0 | RGB(33, 133, 208) | blue | — | |
| #6435c9 | RGB(100, 53, 201) | violet | — | |
| #a333c8 | RGB(163, 51, 200) | purple | — | |
| #e03997 | RGB(224, 57, 151) | pink | — | |
| #a5673f | RGB(165, 103, 63) | brown | — | |
| #767676 | RGB(118, 118, 118) | grey | — | |
| #1b1c1d | RGB(27, 28, 29) | black | — |
Contrasto della palette di colori
47 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 |
#db2828 | #f2711c | 1.64 |
#db2828 | #21ba45 | 1.88 |
#db2828 | #00b5ad | 1.88 |
#db2828 | #2185d0 | 1.22 |
#db2828 | #6435c9 | 1.5 |
#db2828 | #a333c8 | 1.12 |
