Laboratorio de color
ConversiónTodo se ejecuta en tu navegador: no se sube nada
Esta herramienta hace solo el trabajo que viene después de tener ya unos colores: cómo mezclarlos, cómo aclararlos u oscurecerlos, cómo construir una escala, cuánto distan dos colores y cómo ordenar un conjunto. La mezcla viene en dos lecturas. La mezcla lineal RGB es lo que hace una pantalla, tomando el punto medio de cada canal; la mezcla OKLab interpola en un espacio perceptualmente uniforme y nunca pasa por el gris. Mitad rojo y mitad verde dan el turbio `#808000` en RGB y un amarillo más claro en OKLab: exactamente por eso el diseño se pasó a OKLab. Las conversiones de formato, los valores en espacios perceptuales, la temperatura de color, los colores ANSI, la inversión y el contraste están en el conversor de color; aquí no se repiten y ambos comparten el mismo código de conversión.
Funciones
- Mezcla: RGB lineal y OKLab en paralelo, así la diferencia se ve
- Aclarar / oscurecer con la L de OKLCH (perceptual) o la L de HSL (geométrica)
- Escalas: tints, shades o una escala de luminosidad uniforme en OKLCH
- Diferencia de color: CIE76, CIE94 y CIEDE2000, de una en una o las tres
- Ordena un conjunto por matiz, luminosidad, saturación o luminancia percibida WCAG
- Geometría del círculo cromático: intermedio, complementario dividido, triádico, análogo
- Un color por línea: #hex, rgb(), hsl() y nombres de color CSS
- Cada resultado lleva una muestra y las formas hex, rgb y hsl
- Copia una fila suelta o toda la lista
- Todo se calcula en local; la página no hace ninguna petición
Cómo se usa
- Escribe un color por línea (mezcla y diferencia necesitan al menos dos)
- Elige un modo: mezclar, ajustar, escalas, diferencia, orden o combinaciones
- Ajusta la proporción, la amplitud, el número de pasos o la métrica de ese modo
- Los resultados aparecen al momento; copia una fila con el botón que tiene al lado
Preguntas frecuentes
- ¿En qué se diferencian exactamente la mezcla RGB y la de OKLab?
- La mezcla lineal RGB toma el punto medio de cada uno de los tres canales, que es como combina una pantalla dos píxeles. Su fallo es que el punto medio pasa por el gris: mitad rojo y mitad verde dan `#808000`, un oliva oscuro. La mezcla OKLab convierte primero al espacio perceptualmente uniforme OKLab e interpola ahí, así que el punto medio nunca cae en el gris: rojo y verde dan un amarillo más claro. Para degradados, mezclas y puntos intermedios, OKLab se acerca más a lo que la gente espera, y por eso las herramientas de diseño modernas lo usan por defecto.
- ¿Por qué dos lecturas para aclarar?
- La L de OKLCH es la luminosidad perceptual; empujar L hacia 1 da otro color claro del mismo matiz y mantiene saturados los matices saturados, que es lo predeterminado en las herramientas de diseño. La L de HSL es la luminosidad geométrica; empujar L hacia 100 lava el color, así que cianes, azules y magentas saturados cerca de los extremos del círculo pierden croma y se vuelven grises. Se conservan las dos, porque lavar el color a veces es justo el efecto que buscas.
- ¿Cuál de las tres métricas de diferencia debería leer?
- CIE76 es una distancia euclídea simple en Lab, la más sencilla y tosca. CIE94 añade ponderación de croma y matiz y es un compromiso común en artes gráficas. CIEDE2000 es la más cercana al ojo, añade un término de rotación de matiz y es la métrica recomendada hoy. Perceptibilidad aproximada: por debajo de 1 es invisible, de 1 a 2 la ve un ojo entrenado, y por encima de 5 son claramente dos colores distintos. Los umbrales varían un poco entre métricas, así que compara con la misma.
- ¿Qué formatos de entrada acepta?
- Uno por línea: `#hex` (3 o 6 dígitos), `rgb()`, `hsl()` y nombres de color CSS como `tomato`. El análisis reutiliza el mismo código que el conversor de color, así que todo lo que aquel acepta funciona aquí. Una línea que no se puede analizar se informa en vez de descartarse en silencio.
Herramientas relacionadas
Conversor de color
ConversiónConvierte entre HEX, RGB, HSL, HWB, CMYK y los espacios Lab, OKLCH y XYZ, con temperatura de color, inverso, complementario, ANSI y contraste WCAG.
Esquemas de color
ConsultasObtén siete armonías clásicas a partir de un color base, o genera una paleta aleatoria con nueve temas. Cada armonía dice cuándo usarla.
Nombres de color CSS
ConsultasLos 148 colores con nombre en CSS: pasa de un nombre a su valor, o comprueba si un valor tiene nombre estándar. Marca los nueve pares iguales.
Conversor de timestamp
ConversiónConvierte marcas de tiempo Unix en fechas y al revés, con segundos, milisegundos, microsegundos, nanosegundos, FILETIME y zonas horarias.
Calculadora de fechas
ConversiónCalcula los días, semanas o meses entre dos fechas, o suma y resta días, semanas o meses a una fecha. Se eligen en el calendario o se pegan; nada se sube.
Conversor de bases
ConversiónConvierte números entre binario, octal, decimal, hex, base 36 y base 64, con los seis resultados a la vez y sin perder dígitos en IDs largos.