Creado en 09/11/2023 12:48
flat ui
#1abc9c
#2ecc71
#3498db
#9b59b6
#34495e
#16a085
#27ae60
#2980b9
#8e44ad
#2c3e50
#f1c40f
#e67e22
#e74c3c
#ecf0f1
#95a5a6
#f39c12
#d35400
#c0392b
#bdc3c7
#7f8c8d
La paleta consta de Luz, semioscuro colores. Colores de acento #16a085 y #d35400. La paleta tiene temperatura de color Frío, Cálido, Neutral.
La paleta flat ui tiene una combinación de colores de códigos de 20:
HEX: #1abc9c, RGB: (26, 188, 156); HEX: #2ecc71, RGB: (46, 204, 113); HEX: #3498db, RGB: (52, 152, 219)
HEX: #9b59b6, RGB: (155, 89, 182); HEX: #34495e, RGB: (52, 73, 94); HEX: #16a085, RGB: (22, 160, 133)
HEX: #27ae60, RGB: (39, 174, 96); HEX: #2980b9, RGB: (41, 128, 185); HEX: #8e44ad, RGB: (142, 68, 173)
HEX: #2c3e50, RGB: (44, 62, 80); HEX: #f1c40f, RGB: (241, 196, 15); HEX: #e67e22, RGB: (230, 126, 34)
HEX: #e74c3c, RGB: (231, 76, 60); HEX: #ecf0f1, RGB: (236, 240, 241); HEX: #95a5a6, RGB: (149, 165, 166)
HEX: #f39c12, RGB: (243, 156, 18); HEX: #d35400, RGB: (211, 84, 0); HEX: #c0392b, RGB: (192, 57, 43)
HEX: #bdc3c7, RGB: (189, 195, 199); HEX: #7f8c8d, RGB: (127, 140, 141)
Versión simplificada de la paleta de colores
Matiz de mediumaquamarine, Sombra de mediumseagreen, Sombra de dodgerblue, Matiz de mediumorchid, Matiz de darkslateblue, Matiz de lightseagreen, Matiz de mediumseagreen, Matiz de steelblue, Sombra de darkorchid, Matiz de darkslateblue, Matiz de gold, Matiz de darkorange, Matiz de tomato, Matiz de whitesmoke, Matiz de darkgrey, Matiz de Naranja, Matiz de chocolate, Sombra de firebrick, Sombra de Plata, Sombra de Gris
El esquema de color fue creado por Zenuni
Códigos de colores en la paleta
flat ui códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #1abc9c | RGB(26, 188, 156) | — | — | |
| #2ecc71 | RGB(46, 204, 113) | — | — | |
| #3498db | RGB(52, 152, 219) | — | — | |
| #9b59b6 | RGB(155, 89, 182) | — | — | |
| #34495e | RGB(52, 73, 94) | — | — | |
| #16a085 | RGB(22, 160, 133) | — | — | |
| #27ae60 | RGB(39, 174, 96) | — | — | |
| #2980b9 | RGB(41, 128, 185) | — | — | |
| #8e44ad | RGB(142, 68, 173) | — | — | |
| #2c3e50 | RGB(44, 62, 80) | — | — | |
| #f1c40f | RGB(241, 196, 15) | — | — | |
| #e67e22 | RGB(230, 126, 34) | — | — | |
| #e74c3c | RGB(231, 76, 60) | — | — | |
| #ecf0f1 | RGB(236, 240, 241) | — | — | |
| #95a5a6 | RGB(149, 165, 166) | — | — | |
| #f39c12 | RGB(243, 156, 18) | — | — | |
| #d35400 | RGB(211, 84, 0) | — | — | |
| #c0392b | RGB(192, 57, 43) | — | — | |
| #bdc3c7 | RGB(189, 195, 199) | — | — | |
| #7f8c8d | RGB(127, 140, 141) | — | — |
Contraste de la paleta de colores
119 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación de contraste |
#1abc9c | #2ecc71 | 1.14 |
#1abc9c | #3498db | 1.3 |
#1abc9c | #9b59b6 | 1.93 |
#1abc9c | #16a085 | 1.36 |
#1abc9c | #27ae60 | 1.19 |
#1abc9c | #2980b9 | 1.78 |
