Saltar al contenido
arnaud.app

Conversor RGB a OKLCH (CSS Color 4)

Convierte valores RGB a OKLCH al instante y gratis. p. ej. rgb(59, 130, 246) → oklch(0.62 0.19 260). El formato perceptualmente uniforme de CSS Color 4.

Funciona en tu navegador

Pega un valor RGB y devolvemos el equivalente oklch() - el modelo perceptualmente uniforme de CSS Color Level 4, donde pasos iguales de luminosidad se ven realmente iguales. Incluye muestra en vivo.

1.00
CSS oklch()

oklch(0.608 0.215 257.4)

HEX

#0a7cff

CSS rgb()

rgb(10 124 255)

CSS hsl()

hsl(212 100% 52%)

HSV

hsv(212 96% 100%)

CMYK

cmyk(96% 51% 0% 0%)

#0A7CFF

Mejor contraste con

texto negro → ratio 5.34:1 (WCAG AA requiere 4,5:1)

Cómo usarla

  1. Elige el formato de entrada

    HEX, RGB, HSL, HSV/HSB, CMYK, OKLCH o nombre CSS en el selector de formato.

  2. Escribe o pega tu color

    Introduce el valor - o usa el selector de color y el control alfa - y los demás formatos se actualizan en vivo.

  3. Copia el formato que necesites

    Botón de copia junto al formato que pide tu destino.

¿Qué es?

Un conversor de colores traduce entre los formatos que usan CSS, herramientas de diseño y editores de imagen. HEX (#0a7cff) es el atajo legacy de un triplete RGB. RGB expresa intensidades rojo/verde/azul. HSL es más intuitivo para retocar tonalidades. OKLCH es el nuevo modelo perceptualmente uniforme de CSS Color Level 4.

Cuándo usarla

Cuando un color cambia de contexto: copiar un color de marca de un SVG (HEX) al sistema de variables CSS (HSL u OKLCH), traducir una captura (RGB) en token, generar variantes accesibles. Útil también para revisar contraste WCAG.

Errores comunes

No supongas que la luminosidad HSL es perceptual - no lo es. hsl(60 100% 50%) (amarillo) y hsl(240 100% 50%) (azul) tienen la misma cifra de luminosidad pero luminancias muy distintas; OKLCH lo corrige. Y no trunques canales HEX a mitad: redondea al final.

Preguntas frecuentes

¿Por qué OKLCH?
OKLCH es el nuevo formato de CSS Color Level 4. A diferencia de HSL es perceptualmente uniforme: ajustar luminosidad o croma no desplaza el tono.

Conversor de colores (HEX, RGB, HSL)

Convierte colores entre HEX, RGB, HSL, HSV, CMYK y OKLCH.

Probar →

Más en esta categoría