Pega cualquier color CSS y obtén al instante los valores HEX, RGB, HSL, HWB, OKLCH y CMYK, con vista previa en vivo y verificación de contraste WCAG.
Introduce un color arriba para ver su vista previa y conversiones.
Esta herramienta convierte cualquier color CSS — códigos hexadecimales, rgb(), hsl() o nombres como «coral» — a todos los formatos habituales a la vez. Ajusta el canal alfa o elige un tono visualmente, y luego copia el valor exacto que necesites para CSS, herramientas de diseño o código.
¿Qué formatos de color acepta esta herramienta?
Códigos hexadecimales (#abc, #aabbcc, #aabbccdd), rgb()/rgba(), hsl()/hsla() y cualquier color CSS con nombre estándar como «tomato» o «steelblue».
¿El conversor admite transparencia?
Sí. Introduce un color con alfa (como rgba() o un hexadecimal de 8 dígitos) o usa el control deslizante de alfa, y todos los formatos de salida se actualizan para incluirlo.
¿Qué es HWB y por qué se incluye?
HWB (Tono, Blancura, Negrura) es un formato del Módulo de Color de CSS que suele ser más intuitivo para ajustar un color manualmente que HSL.
¿Qué significa la relación de contraste para la accesibilidad?
Mide qué tan legible sería un texto de este color sobre un fondo blanco o negro. WCAG recomienda una relación de al menos 4.5:1 (AA) o 7:1 (AAA) para texto de tamaño normal.
¿Se suben mis datos de color a algún sitio?
No. Todo el análisis y la conversión ocurren localmente en tu navegador con JavaScript — nada se envía a un servidor.
¿Por qué mi hexadecimal de 8 dígitos pierde la transparencia en algunas salidas?
Con esta herramienta no la pierde — el alfa se conserva en HEX8, RGBA y HSLA. Algunas herramientas o formatos de imagen antiguos solo admiten el hexadecimal de 6 dígitos, que elimina por completo el canal alfa; usa RGBA o HSLA si necesitas que la transparencia se conserve en otro lugar.
Cada conversión se ejecuta localmente en tu navegador. Tus valores de color nunca se suben ni se almacenan en nuestros servidores.
Extrae colores dominantes y códigos hexadecimales de cualquier foto
Crea favicon.ico, PNGs y un manifest web a partir de una imagen, texto o emoji — al instante, en tu navegador.
Cree códigos QR personalizados para URLs, texto y más.