Creato a 04/19/2021 18:58
ici-centennial-theme
Primary
#1779ba
Secondary
#767676
Success
#3adb76
Warning
#ffae00
Alert
#cc4b37
White
#ffffff
Light Gray
#e6e6e6
Medium Gray
#cacaca
Dark Gray
#8a8a8a
Black
#000000
cream
#f0ece2
gray
#adadad
brown
#513725
orange
#cc4400
orange
#ff6c23
orange
#f66e10
yellow
#f7c944
yellow-hover
#ffcc39
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Primary #1779ba e yellow-hover #ffcc39. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza ici-centennial-theme ha una combinazione di colori dei codici 18:
ESADECIMALE: #1779ba, RGB: (23, 121, 186); ESADECIMALE: #767676, RGB: (118, 118, 118); ESADECIMALE: #3adb76, RGB: (58, 219, 118)
ESADECIMALE: #ffae00, RGB: (255, 174, 0); ESADECIMALE: #cc4b37, RGB: (204, 75, 55); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
ESADECIMALE: #e6e6e6, RGB: (230, 230, 230); ESADECIMALE: #cacaca, RGB: (202, 202, 202); ESADECIMALE: #8a8a8a, RGB: (138, 138, 138)
ESADECIMALE: #000000, RGB: (0, 0, 0); ESADECIMALE: #f0ece2, RGB: (240, 236, 226); ESADECIMALE: #adadad, RGB: (173, 173, 173)
ESADECIMALE: #513725, RGB: (81, 55, 37); ESADECIMALE: #cc4400, RGB: (204, 68, 0); ESADECIMALE: #ff6c23, RGB: (255, 108, 35)
ESADECIMALE: #f66e10, RGB: (246, 110, 16); ESADECIMALE: #f7c944, RGB: (247, 201, 68); ESADECIMALE: #ffcc39, RGB: (255, 204, 57)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di Grigio, Tonalità di mediumspringgreen, Ombra di Arancia, Tonalità di indianred, Bianco, Ombra di gainsboro, Ombra di Argento, Ombra di Grigio, Nero, Tonalità di floralwhite, Ombra di darkgrey, Tonalità di saddlebrown, Tonalità di sienna, Tonalità di coral, Ombra di chocolate, Tonalità di gold, Ombra di gold
La combinazione di colori è stata creata da Danny D.
Codici colori nella tavolozza
ici-centennial-theme codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#1779ba | RGB(23, 121, 186) | Primary | — | |
#767676 | RGB(118, 118, 118) | Secondary | — | |
#3adb76 | RGB(58, 219, 118) | Success | — | |
#ffae00 | RGB(255, 174, 0) | Warning | — | |
#cc4b37 | RGB(204, 75, 55) | Alert | — | |
#ffffff | RGB(255, 255, 255) | White | — | |
#e6e6e6 | RGB(230, 230, 230) | Light Gray | Extraordinary Abundance of Tinge | |
#cacaca | RGB(202, 202, 202) | Medium Gray | — | |
#8a8a8a | RGB(138, 138, 138) | Dark Gray | Gray54 | |
#000000 | RGB(0, 0, 0) | Black | — | |
#f0ece2 | RGB(240, 236, 226) | cream | Greek Villa | |
#adadad | RGB(173, 173, 173) | gray | Robo Master | |
#513725 | RGB(81, 55, 37) | brown | — | |
#cc4400 | RGB(204, 68, 0) | orange | Mellow Mango | |
#ff6c23 | RGB(255, 108, 35) | orange | — | |
#f66e10 | RGB(246, 110, 16) | orange | — | |
#f7c944 | RGB(247, 201, 68) | yellow | — | |
#ffcc39 | RGB(255, 204, 57) | yellow-hover | — |
Contrasto della palette di colori
72 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 |
#1779ba | #767676 | 1.03 |
#1779ba | #cc4b37 | 1.03 |
#1779ba | #8a8a8a | 1.35 |
#1779ba | #cc4400 | 1.01 |
#1779ba | #ff6c23 | 1.65 |
#1779ba | #f66e10 | 1.59 |