color
selector de color
elige un color y obtén hex/rgb/hsl + contraste.
s
l
- rgb
- 155, 107, 90
- hsl
- 16°, 27%, 48%
- vs blanco
- 4.52 · AA
- vs negro
- 4.64 · AA
acerca de
elige cualquier color y mira sus valores hex, RGB y HSL más las relaciones de contraste WCAG frente a negro y blanco.
cómo se usa
- haz clic en la muestra de color para abrir el selector nativo, o escribe un código hex.
- lee los valores RGB y HSL.
- comprueba las relaciones de contraste WCAG frente a negro y blanco.
ejemplos
- confirma que un color de marca alcanza el contraste AA sobre tu fondo.
- convierte un HSL de Photoshop en el código hex que necesitas para CSS.
- tantea colores complementarios ajustando el tono.
preguntas frecuentes
¿qué significan AA / AAA?
grados de contraste WCAG. AA necesita 4.5:1 para texto normal y 3:1 para texto grande. AAA necesita 7:1 — el estándar de oro.
¿por qué dos lecturas de contraste?
para que veas de un vistazo si usar texto negro o blanco sobre ese fondo.