¿Por qué WCAG requiere 4.5:1 de contraste?
Es el estándar AA para que usuarios con baja visión lean sin ayuda técnica.
Selector de color
Elige colores y convierte entre HEX, RGB, HSL
Relación de contraste
⬜ ⬛
Color complementario & Colores análogos
Selector de color
¿HEX o RGB en CSS?
HEX es más conciso y común. Use rgba() para transparencia.
¿Cómo implementar colores en modo oscuro?
Use propiedades CSS personalizadas con @media (prefers-color-scheme: dark).
Códigos de color: HEX, RGB y HSL
HEX, RGB y HSL son tres formas de representar colores. HEX es el más común en web, RGB usa valores rojo-verde-azul, HSL usa tono-saturación-luminosidad.
¿Qué es la relación de contraste WCAG?
El estándar WCAG AA requiere una relación de contraste de al menos 4.5:1 para que usuarios con baja visión puedan leer texto.
HSL: El modelo de color intuitivo
HSL usa Tono (0-360°), Saturación (0-100%) y Luminosidad (0-100%) para describir colores de forma intuitiva.
Colores complementarios y análogos
Los complementarios se oponen 180° en la rueda de color. Los análogos crean paletas armoniosas.
Gestión de colores con CSS Custom Properties
Las variables CSS centralizan la gestión de colores y facilitan temas y modo oscuro.
Preguntas frecuentes
¿HEX o RGB en CSS?
HEX es más conciso y común. Use rgba() para transparencia.
¿Por qué WCAG requiere 4.5:1 de contraste?
Es el estándar AA para que usuarios con baja visión lean sin ayuda técnica.
¿Cómo implementar colores en modo oscuro?
Use propiedades CSS personalizadas con @media (prefers-color-scheme: dark).