Convertidor de nombres de color a color HEX
Guía
Convertidor de nombres de color a color HEX
Convierte cualquier código de color HEX a su nombre de color CSS/HTML más cercano al instante. Introduce un valor hexadecimal o utiliza el selector de color visual para encontrar el nombre de color coincidente más cercano de los 140 nombres de colores CSS3 estándar, completo con puntuaciones de similitud y comparaciones de muestras lado a lado.
Cómo utilizar
Introduce un código de color HEX en el campo de entrada o haz clic en el selector de color para seleccionar un color visualmente. La herramienta encuentra instantáneamente los 5 nombres de colores CSS más cercanos utilizando el cálculo de distancia RGB. Cada coincidencia muestra una comparación de muestras de color, el nombre del color, su valor HEX y un porcentaje de similitud. También puedes usar la pestaña de búsqueda inversa para buscar por nombre de color y obtener su código HEX.
Características
- Coincidencia de Color Más Cercana – Encuentra el nombre de color CSS3 más cercano a cualquier entrada HEX usando la distancia euclidiana en el espacio RGB
- Top 5 Coincidencias – Ve los cinco nombres de colores más cercanos clasificados por porcentaje de similitud
- Selector de Color Visual – Selecciona colores visualmente con el selector de color nativo del navegador
- Comparación de Muestras – Pantalla lado a lado de tu color de entrada frente a cada color con nombre coincidente
- Búsqueda Inversa – Busca por nombre de color para encontrar su código HEX exacto
- 140 Colores CSS3 – Base de datos completa de todos los colores nombrados CSS/HTML estándar
- Copia con un Clic – Copia cualquier valor HEX al portapapeles al instante
- Solo Lado del Cliente – Todo el procesamiento ocurre en tu navegador, no se envían datos a los servidores
Preguntas frecuentes
-
¿Cuántos colores nombrados existen en CSS3?
CSS3 define exactamente 140 colores nombrados (también llamados colores extendidos o colores X11). Estos van desde colores básicos como rojo, azul y verde hasta tonos más específicos como azul_aciano, verde_oliva_oscuro y blanco_papaya. Todos los navegadores modernos reconocen los 140 nombres, lo que los convierte en una forma confiable de especificar colores en el desarrollo web sin tener que recordar códigos hexadecimales.
-
¿Cómo funciona la distancia euclidiana para la coincidencia de colores?
La distancia euclidiana en el espacio RGB trata cada color como un punto en un espacio 3D donde los ejes son los valores Rojo, Verde y Azul (0-255). La distancia entre dos colores se calcula como la raíz cuadrada de la suma de las diferencias al cuadrado para cada canal. Una distancia de 0 significa una coincidencia exacta, mientras que la distancia máxima posible (entre negro #000000 y blanco #FFFFFF) es de aproximadamente 441. Esto proporciona una aproximación simple y rápida de la similitud del color.
-
¿Por qué el color nombrado más cercano podría verse diferente a mi entrada?
CSS3 solo tiene 140 colores nombrados de más de 16 millones de colores hexadecimales posibles, por lo que las coincidencias exactas son raras. El color nombrado más cercano es la opción más cercana disponible, pero la brecha puede ser significativa para tonos inusuales. El porcentaje de similitud te ayuda a evaluar cuán cercana es la coincidencia: cualquier cosa por encima del 95% es visualmente muy cercana, mientras que las coincidencias por debajo del 80% pueden verse notablemente diferentes.
-
¿Cuál es la diferencia entre la distancia RGB y la diferencia de color perceptual?
La distancia euclidiana RGB trata todos los canales de color por igual, pero la visión humana es más sensible a algunas diferencias de color que a otras. Las fórmulas de diferencia de color perceptual como CIEDE2000 (deltaE) tienen en cuenta cómo los humanos perciben realmente el color, ponderando la sensibilidad al verde más alta y teniendo en cuenta los cambios de matiz. La distancia RGB es más rápida de calcular y suficiente para la mayoría de los casos de uso, mientras que deltaE es más precisa para trabajos de color profesionales.
Instalar extensiones
Agregue herramientas IO a su navegador favorito para obtener acceso instantáneo y búsquedas más rápidas
恵 ¡El marcador ha llegado!
Marcador es una forma divertida de llevar un registro de tus juegos, todos los datos se almacenan en tu navegador. ¡Próximamente habrá más funciones!
Herramientas clave
Ver todo Los recién llegados
Ver todoActualizar: Nuestro última herramienta fue agregado el Abr 2, 2026
