Cómo usar: Mezclador de color

Mezclador de color es una herramienta online gratuita de Herramientas de color que blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios al instante en tu navegador. Pega tus datos, ajusta las opciones y obtén el resultado en tiempo real: sin instalación, sin registro y sin subir nada a un servidor.

Usar Mezclador de color ahora →

Descripción

Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

  • Herramientas de color
  • Como todo se calcula en el cliente, Mezclador de color es seguro para datos sensibles como claves API o tokens.
Entrada Mezclador de color Salida Funciona 100% en tu navegador: tus datos nunca salen del dispositivo.
Mezclador de color — Entrada → Salida

Cómo usar

Usar Mezclador de color requiere tres pasos:

  1. Pega tus datos en la caja de entrada (o carga el ejemplo).
  2. Ajusta las opciones al formato o escenario deseado.
  3. Copia, descarga o revisa la salida: se actualiza mientras escribes.
Cómo usar · Mezclador de color 1 Pega tus datos en lacaja de entrada (ocarga el ejemplo). 2 Ajusta las opciones alformato o escenariodeseado. 3 Copia, descarga orevisa la salida: seactualiza mientrasescribes.
Cómo usar

Ejecutar

Ejemplos

Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.

Entrada

#0ea5b7

Salida

#0ea5b7 + #ffffff at 50% (mixed in RGB)

Result
  HEX   #87d2db
  RGB   rgb(135, 210, 219)
  HSL   hsl(186.4, 54.0%, 69.3%)

Contrast against white : 1.71:1
Contrast against black : 12.26:1

Ramp (9 steps)
    0%  #0ea5b7
   13%  #2cb0c0
   25%  #4abcc9
   38%  #68c7d2
   50%  #87d2db
   63%  #a5dde4
   75%  #c3e9ed
   88%  #e1f4f6
  100%  #ffffff

CSS
  --mix: #87d2db;
  background: linear-gradient(90deg, #0ea5b7, #ffffff);

此输出由工具真实运行产生,并非人工编写。

Casos de uso

Situaciones habituales donde Mezclador de color ayuda:

  • Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

Parámetros

Esta herramienta no tiene opciones: trabaja solo con la entrada.

Preguntas frecuentes

¿Qué es Color Mixer?

Color Mixer sirve para blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios. Funciona íntegramente en tu navegador, así tus datos siguen siendo privados.

¿Es gratuito?

Sí, sin límites, sin registro y sin instalación.

¿Se suben mis datos?

No. Todo se procesa localmente en tu navegador.

A tener en cuenta

  • 全部计算在浏览器端完成,因此超大输入受限于标签页内存,而非服务器上传限制。

Herramientas relacionadas

Mezclador de color → · Herramientas de color →

Usar Mezclador de color ahora →