Creado en 02/01/2021 23:36
aqwerty
White
#ffffff
Black
#000000
Light
#f5f5f5
Dark
#363636
Primary
#00d1b2
Link
#3273dc
Info
#209cee
Success
#23d160
Warning
#ffdd57
Danger
#ff3860
#a80ebe
#a237d5
#b12df6
#c57665
#4070e2
#e653a0
#cd99db
#e64f6b
#e0da75
#b495c3
La paleta consta de Luz, Oscuro, semioscuro colores. Colores de acento Primary #00d1b2 y Warning #ffdd57. La paleta tiene temperatura de color Neutral, Frío, Cálido.
La paleta aqwerty tiene una combinación de colores de códigos de 20:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #000000, RGB: (0, 0, 0); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #363636, RGB: (54, 54, 54); HEX: #00d1b2, RGB: (0, 209, 178); HEX: #3273dc, RGB: (50, 115, 220)
HEX: #209cee, RGB: (32, 156, 238); HEX: #23d160, RGB: (35, 209, 96); HEX: #ffdd57, RGB: (255, 221, 87)
HEX: #ff3860, RGB: (255, 56, 96); HEX: #a80ebe, RGB: (168, 14, 190); HEX: #a237d5, RGB: (162, 55, 213)
HEX: #b12df6, RGB: (177, 45, 246); HEX: #c57665, RGB: (197, 118, 101); HEX: #4070e2, RGB: (64, 112, 226)
HEX: #e653a0, RGB: (230, 83, 160); HEX: #cd99db, RGB: (205, 153, 219); HEX: #e64f6b, RGB: (230, 79, 107)
HEX: #e0da75, RGB: (224, 218, 117); HEX: #b495c3, RGB: (180, 149, 195)
Versión simplificada de la paleta de colores
Blanco, Negro, whitesmoke, Matiz de darkslategrey, Matiz de mediumaquamarine, Sombra de royalblue, Sombra de dodgerblue, Sombra de limegreen, Sombra de gold, Matiz de indianred, Matiz de darkorchid, Sombra de darkorchid, Sombra de darkorchid, Sombra de indianred, Sombra de royalblue, Sombra de deeppink, Matiz de plum, Sombra de indianred, Matiz de Caqui, Matiz de plum
El esquema de color fue creado por —(••÷ 🎀 𝒰𝓃𝒾 🎀 ÷••(—
Códigos de colores en la paleta
aqwerty códigos de color HEX, información RGB en la tabla
Color | HEX | RGB | Nombre | nombre alternativo |
#ffffff | RGB(255, 255, 255) | White | — | |
#000000 | RGB(0, 0, 0) | Black | — | |
#f5f5f5 | RGB(245, 245, 245) | Light | White Smoke | |
#363636 | RGB(54, 54, 54) | Dark | Gray21 | |
#00d1b2 | RGB(0, 209, 178) | Primary | — | |
#3273dc | RGB(50, 115, 220) | Link | — | |
#209cee | RGB(32, 156, 238) | Info | — | |
#23d160 | RGB(35, 209, 96) | Success | — | |
#ffdd57 | RGB(255, 221, 87) | Warning | — | |
#ff3860 | RGB(255, 56, 96) | Danger | — | |
#a80ebe | RGB(168, 14, 190) | — | — | |
#a237d5 | RGB(162, 55, 213) | — | — | |
#b12df6 | RGB(177, 45, 246) | — | — | |
#c57665 | RGB(197, 118, 101) | — | — | |
#4070e2 | RGB(64, 112, 226) | — | — | |
#e653a0 | RGB(230, 83, 160) | — | — | |
#cd99db | RGB(205, 153, 219) | — | — | |
#e64f6b | RGB(230, 79, 107) | — | — | |
#e0da75 | RGB(224, 218, 117) | — | — | |
#b495c3 | RGB(180, 149, 195) | — | — |
Contraste de la paleta de colores
95 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 |
#ffffff | #f5f5f5 | 1.09 |
#ffffff | #00d1b2 | 1.95 |
#ffffff | #ffdd57 | 1.33 |
#ffffff | #e0da75 | 1.45 |
#000000 | #363636 | 1.73 |
#f5f5f5 | #00d1b2 | 1.78 |