Desarrollo

Explorador de espacios de color — OKLCH, OKLab, P3 y más

Conversor en línea gratis de espacios de color avanzados. Convierta entre HEX, RGB, HSL, HWB, OKLab, OKLCH, Linear sRGB y Display P3, con salida CSS. No requiere registro.

Gratis Sin registro Se ejecuta en tu navegador

Espacio de trabajo de la herramienta

HEX
#3B82F6
#3b82f6
RGB
59, 130, 246
rgb(59 130 246)
HSL
217.2deg, 91.2%, 59.8%
hsl(217.2 91.2% 59.8%)
HWB
217.2deg, 23.1%, 3.5%
hwb(217.2 23.1% 3.5%)
OKLab
L=0.6231, a=-0.0332, b=-0.1851
oklab(62.31% -0.0332 -0.1851)
OKLCH
L=0.6231, C=0.1880, H=259.8deg
oklch(62.31% 0.1880 259.8)
Linear sRGB
0.0437, 0.2232, 0.9216
color(srgb-linear 0.0437 0.2232 0.9216)
Display P3
0.3047, 0.5035, 0.9338
color(display-p3 0.3047 0.5035 0.9338)

¿Qué son los espacios de color modernos del CSS?

El CSS Color Level 4 introduce diversos espacios de color además del sRGB tradicional. OKLCH y OKLab permiten manipular colores de manera perceptualmente uniforme, o sea, alteraciones numéricas iguales producen variaciones visuales equivalentes. Display P3 ofrece colores con gamut más amplio en pantallas modernas. HWB (Hue, Whiteness, Blackness) es una alternativa intuitiva al HSL. Esta herramienta convierte un único color de entrada para todas estas representaciones, con sintaxis CSS lista para uso.

Cómo usar el explorador de espacios de color

  1. 1Inserte un color HEX usando el selector de colores o el campo de texto.
  2. 2Vea el color convertido en ocho espacios de color diferentes.
  3. 3Haga clic en Copiar CSS al lado de cualquier formato para copiar el valor listo para CSS.
  4. 4Utilice valores OKLCH para crear paletas perceptualmente uniformes en CSS moderno.

Casos de uso comunes

Explorador de espacios de color — OKLCH, OKLab, P3 y más

Utilice OKLCH para crear paletas de colores perceptualmente uniformes en CSS.

Explorador de espacios de color — OKLCH, OKLab, P3 y más

Convierta colores sRGB a Display P3 y obtenga colores más ricos en pantallas compatibles.

Explorador de espacios de color — OKLCH, OKLab, P3 y más

Entienda como un mismo color es representado en diferentes modelos de color.

Preguntas frecuentes

What problem does Explorador de espacios de color — OKLCH, OKLab, P3 y más solve?

Conversor en línea gratis de espacios de color avanzados. Convierta entre HEX, RGB, HSL, HWB, OKLab, OKLCH, Linear sRGB y Display P3, con salida CSS. No requiere registro.

Do I need to install software to use Explorador de espacios de color — OKLCH, OKLab, P3 y más?

No. The tool works in a modern web browser, so you can complete the task without installing a separate desktop application.

Does this tool upload my data?

The tool is designed to run in the browser whenever possible. Tools that require a backend or AI service are labeled separately.