Herramientas de color y accesibilidad
El trabajo con color en la web se divide entre elegir colores que combinen bien y asegurarse de que funcionen para todo el que vea la página. Convertir un color de diseño entre formatos, generar una paleta de tonos y armonías desde un color base, y comprobar que el texto siga siendo legible sobre su fondo son tareas separadas que aparecen en casi cualquier interfaz, y equivocarse en cualquiera de ellas se nota en cuanto la página sale al público.
Conversor de color muestra un color en varios formatos a la vez, incluidos HEX, RGB, HSL, HSV, CMYK y nombres CSS, para que no adivines conversiones entre herramientas de diseño. Para accesibilidad, Comprobador de contraste de color verifica pares de primer plano y fondo según los niveles de WCAG y compara dos alternativas, mientras que calculadora APCA aplica el modelo perceptual APCA más reciente para una lectura más ajustada de la legibilidad. Simulador de daltonismo compara colores e imágenes lado a lado bajo cuatro tipos de daltonismo.
5 herramientas
Todas las herramientas de Color & Accessibility
-
Simulador de daltonismo
Visualiza colores e imágenes con cuatro tipos de daltonismo para revisarlos
-
Conversor de color
Convierte un color entre HEX, RGB, HSL, HSV, CMYK, Lab y OKLCH a la vez
-
Generador de paletas de colores
Genera paletas de colores armoniosas desde semilla o colores base
-
Comprobador de contraste de color
Comprueba el contraste de texto sobre fondo sólido según los niveles de WCAG y compara dos alternativas
-
calculadora APCA
Calcula el contraste perceptual APCA de un texto con su Lc con signo y polaridad
Preguntas frecuentes sobre herramientas de Color & Accessibility
El ratio de contraste de WCAG es una fórmula de luminancia simple que trata el texto claro y oscuro de forma asimétrica y no siempre coincide con la percepción real. APCA modela el contraste perceptual con más precisión. Comprobador de contraste de color cubre los niveles WCAG, y calculadora APCA aplica el modelo APCA más reciente al mismo par de colores.
Simular las deficiencias de visión es la forma fiable de comprobarlo, ya que el daltonismo afecta la percepción del color de maneras que no se notan mirando solo el original. Simulador de daltonismo compara colores e imágenes lado a lado bajo cuatro tipos de daltonismo simulados.
HSL separa el tono, la saturación y la luminosidad en tres valores independientes, lo que facilita aclarar u oscurecer un color sin recalcular sus tres componentes RGB a mano. Conversor de color muestra el mismo color en HSL junto a HEX, RGB, HSV, CMYK y nombres CSS para compararlos directamente.