Creado en 02/02/2021 12:57
zxcvb
Primary
#0d6efd
Secondary
#6c757d
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Light
#f8f9fa
Dark
#343a40
#724e84
#78b870
#045e35
#9acf0a
#a09411
#93727c
#f65dd1
#fb1364
#77ea49
#b2dc36
#426c94
#f7262a
La paleta consta de semioscuro, Luz colores. Colores de acento Primary #0d6efd y Warning #ffc107. La paleta tiene temperatura de color Frío, Cálido, Neutral.
La paleta zxcvb tiene una combinación de colores de códigos de 20:
HEX: #0d6efd, RGB: (13, 110, 253); HEX: #6c757d, RGB: (108, 117, 125); HEX: #28a745, RGB: (40, 167, 69)
HEX: #dc3545, RGB: (220, 53, 69); HEX: #ffc107, RGB: (255, 193, 7); HEX: #17a2b8, RGB: (23, 162, 184)
HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #343a40, RGB: (52, 58, 64); HEX: #724e84, RGB: (114, 78, 132)
HEX: #78b870, RGB: (120, 184, 112); HEX: #045e35, RGB: (4, 94, 53); HEX: #9acf0a, RGB: (154, 207, 10)
HEX: #a09411, RGB: (160, 148, 17); HEX: #93727c, RGB: (147, 114, 124); HEX: #f65dd1, RGB: (246, 93, 209)
HEX: #fb1364, RGB: (251, 19, 100); HEX: #77ea49, RGB: (119, 234, 73); HEX: #b2dc36, RGB: (178, 220, 54)
HEX: #426c94, RGB: (66, 108, 148); HEX: #f7262a, RGB: (247, 38, 42)
Versión simplificada de la paleta de colores
Matiz de royalblue, Matiz de slategrey, Matiz de mediumseagreen, Sombra de crimson, Matiz de gold, Matiz de cadetblue, Sombra de whitesmoke, Matiz de darkslategrey, Sombra de darkslateblue, Matiz de darkseagreen, Sombra de darkgreen, Matiz de Amarillo verde, Sombra de Aceituna, Matiz de rosybrown, Matiz de orchid, Matiz de deeppink, Matiz de lawngreen, Sombra de Amarillo verde, Matiz de steelblue, Sombra de Rojo
El esquema de color fue creado por —(••÷ 🎀 𝒰𝓃𝒾 🎀 ÷••(—
Códigos de colores en la paleta
zxcvb códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #0d6efd | RGB(13, 110, 253) | Primary | — | |
| #6c757d | RGB(108, 117, 125) | Secondary | Pompeii Ash | |
| #28a745 | RGB(40, 167, 69) | Success | — | |
| #dc3545 | RGB(220, 53, 69) | Danger | — | |
| #ffc107 | RGB(255, 193, 7) | Warning | — | |
| #17a2b8 | RGB(23, 162, 184) | Info | — | |
| #f8f9fa | RGB(248, 249, 250) | Light | — | |
| #343a40 | RGB(52, 58, 64) | Dark | — | |
| #724e84 | RGB(114, 78, 132) | — | — | |
| #78b870 | RGB(120, 184, 112) | — | — | |
| #045e35 | RGB(4, 94, 53) | — | — | |
| #9acf0a | RGB(154, 207, 10) | — | — | |
| #a09411 | RGB(160, 148, 17) | — | — | |
| #93727c | RGB(147, 114, 124) | — | — | |
| #f65dd1 | RGB(246, 93, 209) | — | — | |
| #fb1364 | RGB(251, 19, 100) | — | — | |
| #77ea49 | RGB(119, 234, 73) | — | — | |
| #b2dc36 | RGB(178, 220, 54) | — | — | |
| #426c94 | RGB(66, 108, 148) | — | — | |
| #f7262a | RGB(247, 38, 42) | — | — |
Contraste de la paleta de colores
109 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 |
#0d6efd | #6c757d | 1.04 |
#0d6efd | #28a745 | 1.43 |
#0d6efd | #dc3545 | 1 |
#0d6efd | #17a2b8 | 1.47 |
#0d6efd | #724e84 | 1.48 |
#0d6efd | #78b870 | 1.9 |
