Saltar al contenido
DevLab

Convertidor de código de color

Herramienta que convierte entre HEX / RGB / HSL / HSV. Elige un color y se genera el código CSS en cada formato. El ratio de contraste se calcula automáticamente.

✅ 100% gratis, sin registro, todo en el navegador

Formato CSS

Ratio de contraste

Fondo blanco (#FFF)
Fondo negro (#000)
WCAG AA: 4.5+ texto normal, 3.0+ texto grande / AAA: 7.0+ texto normal

Variaciones de tono

Si algo no funciona o se muestra mal, escríbenos vía Formulario de contacto.

📖 Cómo usar

  1. 1
    Elige un color
    Usa el selector o escribe HEX / RGB / HSL.
  2. 2
    Ve todos los formatos
    Todos los formatos se actualizan al instante.
  3. 3
    Verifica contraste
    Se muestra el ratio WCAG contra el fondo.

❓ Preguntas frecuentes

¿Criterios WCAG?
Texto normal: AA 4.5:1, AAA 7:1.
¿Diferencia HEX vs RGB?
HEX es hex, RGB es decimal.
¿HSL vs HSV?
HSL para sistemas de diseño, HSV para UIs.
¿Paleta Tailwind?
Sugerimos el color Tailwind más cercano.