¿Qué formatos puedo convertir?

Convierte entre HEX, RGB y HSL y copia los valores al instante.

¿Cómo genero una paleta?

Elige un color base y un esquema (complementario/análogo) y pulsa Generate.

Selecciona colores de texto/fondo para ver el ratio y el resultado WCAG AA/AAA.

Previsualiza cómo podría verse un color con deficiencias de visión del color comunes.

Sí. El export copia variables CSS (:root { --color-1: ... }) al portapapeles.

Elegir Color

HEX

RGB

HSL

Nombre del Color Sky Blue

Brillo 65%

Color Base

Esquema de Colores

Color de Primer Plano

Color de Fondo

Texto de muestra para prueba de contraste

Relación de Contraste 21:1

WCAG AA Normal: ✓ Pass

WCAG AA Large: ✓ Pass

WCAG AAA Normal: ✓ Pass

WCAG AAA Large: ✓ Pass

Color de Prueba

Tipo de Daltonismo

Seleccione un tipo de daltonismo para ver cómo aparecen los colores a las personas con diferentes tipos de deficiencia en la visión del color.

Usa el convertidor de colores para convertir entre formatos HEX, RGB y HSL
Genera paletas de colores con diferentes esquemas de colores
Verifica las relaciones de contraste de colores para cumplimiento de accesibilidad
Simula cómo aparecen los colores a las personas con daltonismo