Colores y diseño

Comparar colores RGB

Mide la distancia numérica entre dos colores RGB, sin puntuación de accesibilidad.

Cómo usar
Gratis. Siempre.Los datos quedan en tu navegadorSin registro

Tus herramientas guardadas se quedan en este navegador.

Comparar colores RGB — espacio de trabajo

Cargando tu herramienta…

Cómo usar: Comparar colores RGB

  1. Empieza con el ejemplo o sustitúyelo por tus datos.

  2. Revisa Color, Segundo color y pulsa «Obtener resultado».

  3. Revisa el resultado y cópialo o descárgalo. Edita cualquier dato para repetir.

Qué puedes hacer

  • Mide la distancia numérica entre dos colores RGB, sin puntuación de accesibilidad.

Qué obtienes

  • Un resultado para revisar, copiar o descargar. Las herramientas numéricas muestran cálculos etiquetados y las de texto, el resultado transformado.

Qué necesitas

Color
Elige un color o introduce un color hexadecimal de seis dígitos.
Segundo color
Elige un color o introduce un color hexadecimal de seis dígitos.

Prueba un ejemplo

Color
#6550c8
Segundo color
#ffffff
Probar en la herramienta

Conviene saber

  • Distancia euclídea RGB de 0 a 441,67. No es diferencia perceptual ni puntuación de accesibilidad.

Tu trabajo se queda en tu dispositivo

Tus archivos y datos se procesan en el navegador y no se suben para procesarlos. El sitio y los motores necesarios sí se descargan desde la web.

Preguntas y respuestas

¿Comparar colores RGB es gratis?

Sí. Comparar colores RGB es gratis y no requiere cuenta.

¿Se suben mis archivos o datos?

Tus archivos y datos se procesan en el navegador y no se suben para procesarlos. El sitio y los motores necesarios sí se descargan desde la web.

¿Qué resultado puedo guardar?

Un resultado para revisar, copiar o descargar. Las herramientas numéricas muestran cálculos etiquetados y las de texto, el resultado transformado.

¿Qué debo revisar antes de usar el resultado?

Distancia euclídea RGB de 0 a 441,67. No es diferencia perceptual ni puntuación de accesibilidad.

Continúa con otra herramienta

Relación de aspecto Calcula la proporción y redimensiona sin deformar.Paleta de colores Crea tonos claros y oscuros de un color base.Mezclar dos colores Mezcla dos colores RGB con la proporción elegida del segundo color.Diseñar sombra CSS Previsualiza una sombra CSS ajustando desplazamiento, desenfoque, extensión y color.Crear tamaño de fuente fluido Crea un tamaño de fuente CSS clamp() que escale entre dos anchos de pantalla.