Conversor de colores
Pega un color en cualquier formato y obtén su equivalente en HEX, RGB, HSL y OKLCH, junto con su contraste para texto.
Conversor de colores
HEX
#2340b8RGB
rgb(35, 64, 184)HSL
hsl(228, 68%, 43%)OKLCH
oklch(43.5% 0.191 267)Contraste WCAG
Texto blanco
Contraste con blanco8.41:1
✓ AA texto✓ AAA texto✓ AA grande
Texto negro
Contraste con negro2.50:1
✕ AA texto✕ AAA texto✕ AA grande
Preguntas frecuentes
¿Cómo convierto un color HEX a RGB?
Cada par de dígitos del HEX es un canal en hexadecimal: en #2340B8, 23 es el rojo (35), 40 el verde (64) y B8 el azul (184), así que equivale a rgb(35, 64, 184). Pega el HEX y copia el formato que necesites.
¿Qué es OKLCH y por qué usarlo?
Es un espacio de color de CSS moderno basado en cómo percibimos la luz. A diferencia de HSL, dos colores con la misma luminosidad en OKLCH se ven igual de claros, lo que facilita crear paletas y estados hover coherentes.
¿Qué contraste necesita un texto para ser accesible?
WCAG 2.2 pide al menos 4.5:1 para texto normal (nivel AA) y 3:1 para texto grande, de 24 px o 18.66 px en negritas. El nivel AAA pide 7:1 para texto normal.