Chromoforge
Conversor de colores: HEX, RGB, HSL y OKLCH
Pega un color y copia el formato que necesitas aquí mismo. La vista previa y los resultados usan el mismo color sRGB opaco.
Convertir colorHEX
#E24B4ARGB
rgb(226, 75, 74)HSL
hsl(0.39 72.38% 58.82%)OKLCH
oklch(62.339% 0.18772 24.72)CSS
--brand: #E24B4A;Componer transparencia
Pega RGBA, HSLA, OKLCH con alfa o HEX con alfa. Elige un fondo uniforme y aplica a la herramienta el color opaco resultante.
HEX opaco resultante
El color OKLCH se recortó a sRGB antes de la composición.
Convierte y copia en la misma página
- Introduce un valor HEX, RGB, HSL u OKLCH admitido, o elige un color con el selector.
- Revisa la vista previa y copia HEX, RGB, HSL, OKLCH o la declaración CSS junto al resultado.
- Continúa a la paleta, los tonos o el contraste conservando el color seleccionado.
Qué admite la conversión
La herramienta trabaja con colores sRGB opacos y redondea los canales a valores de 8 bits. RGB y HSL describen el color HEX resultante. OKLCH se admite como entrada y salida; los valores fuera de sRGB se recortan con un aviso. No se admiten transparencias, nombres CSS ni Display P3. Una conversión redondeada puede cambiar ligeramente un canal al convertir de vuelta.
Continúa con tu color
Generador de tonos de colorGenera una escala 50-950 desde un color base para superficies UI, bordes, hover y modo oscuro.Generador de variables de color CSSGenera variables CSS desde un color: marca, texto legible y once tonos de 50 a 950. Copia o descarga el CSS directamente.Comprobador de contraste WCAGComprueba el contraste entre texto y fondo según WCAG AA y AAA, prueba pares reales y elige combinaciones legibles.