Convertidor OKLCH a RGB
Convierte valores OKLCH a RGB sRGB con detección de gamut para compatibilidad web.
Valores OKLCH
OKLCH(0.53, 0.210, 270°)
RGB(108, 92, 231)
R: 108G: 92B: 231
HEX: #6C5CE7Cómo Usar
1Ajusta OKLCH — Luminosidad, crominancia y tono.
2Obtén RGB — Los valores sRGB se calculan en tiempo real.
3Verifica — Si hay ⚠️, el color necesita P3 para mostrarse completo.
¿Por Qué Convertir OKLCH a RGB?
Los clientes de email no soportan oklch(). Necesitas RGB/HEX como fallback para que tus newsletters mantengan los colores correctos.
Apps Nativas
React Native, Flutter y apps nativas trabajan con RGB. Si diseñas en OKLCH, necesitas convertir para implementación.
Design Tokens
Los sistemas de diseño definen colores en OKLCH pero exportan tokens en RGB/HEX para máxima compatibilidad con todas las plataformas.
🖼️ Canvas/SVG
Las APIs Canvas y SVG inline no soportan oklch(). Para gráficos generativos, necesitas valores RGB directos.
Preguntas Frecuentes
¿Todos los colores OKLCH tienen equivalente RGB?
No. OKLCH puede representar colores fuera del gamut sRGB. Los que excedan se recortan al sRGB más cercano, con advertencia visual.
¿Cuándo necesito RGB si ya uso OKLCH en CSS?
Para compatibilidad máxima: emails, apps antiguas, Canvas API, iconos SVG inline, y cualquier contexto donde CSS oklch() no sea soportado.
¿Puedo interpolar entre dos colores OKLCH y luego convertir a RGB?
Sí. Los degradados en OKLCH son perceptualmente superiores. Interpola en OKLCH y convierte cada paso a RGB si necesitas compatibilidad.
¿Hay pérdida de calidad en la conversión?
Puede haber recorte de gamut. Colores OKLCH muy saturados (C alto) en ciertos tonos (H) pueden caer fuera de sRGB. En ese caso, el RGB será una aproximación.
¿OKLCH funciona igual en todos los navegadores?
La conversión matemática es la misma. Las diferencias vienen del perfil de pantalla: un monitor sRGB y uno P3 muestran el mismo RGB de forma ligeramente diferente.