Color Converter & Palette Generator

Convierte colores entre HEX, RGB, HSL y CMYK, genera paletas y verifica el contraste.

{{ line }}
Complementario
{{ col }}
Análogo
{{ col }}
Triádico
{{ col }}
Complementario dividido
{{ col }}
Texto de ejemplo Texto blanco
Relación de contraste: {{ whiteContrast }}:1
WCAG AA Texto normal: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA Texto grande: {{ whiteContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA Texto normal: {{ whiteContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA Texto grande: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }}
Texto de ejemplo Texto negro
Relación de contraste: {{ blackContrast }}:1
WCAG AA Texto normal: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA Texto grande: {{ blackContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA Texto normal: {{ blackContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA Texto grande: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }}

¿Qué es un conversor de colores?

Un conversor de colores permite la conversión instantánea de valores de color entre diferentes espacios de color como HEX, RGB, HSL y CMYK. Los diseñadores y desarrolladores web utilizan diferentes formatos de color según el contexto.

Espacios de color explicados: HEX, RGB, HSL, CMYK

HEX es un valor hexadecimal de 6 dígitos (#RRGGBB) comúnmente usado en CSS. RGB define colores mediante valores de Rojo, Verde y Azul (0–255). HSL describe colores mediante Tono (0–360°), Saturación y Luminosidad. CMYK (Cian, Magenta, Amarillo, Negro) se usa para impresión.

Teoría del color y armonías

Las armonías de color se basan en la posición de los colores en la rueda cromática. Los colores complementarios son opuestos (180°) y crean máximo contraste. Los colores análogos son adyacentes (±30°) y resultan armoniosos. Los colores triádicos están equiespaciados (120°). Los complementarios divididos usan los vecinos del complementario.