Online Tool Store
Nombrador de Paletas de Color
Pega una lista de colores y obtén un nombre para cada uno, el color CSS más cercano, avisos de casi duplicados y el contraste WCAG — exportable como CSS o JSON.
🔒 Esta herramienta funciona totalmente en tu navegador. Tus archivos nunca se suben a un servidor.
Herramienta de navegador
Nombrador de Paletas de Color
Cómo funciona
- Pega tus colores — hex, rgb() o nombres de color CSS, uno por línea o separados por comas.
- Cada uno recibe un nombre: un nombre de color CSS exacto si hay una coincidencia cercana, o una descripción generada como «Azul Oscuro Vívido».
- Revisa los avisos de colores casi idénticos y los valores de contraste si vas a usar un color como texto o fondo.
- Exporta toda la paleta como propiedades personalizadas CSS o JSON.
FAQ
¿Se sube mi información a algún sitio?
No. Color Palette Namer se ejecuta totalmente en tu navegador — no se envía nada a un servidor.
¿De dónde vienen los nombres?
De dos fuentes. Si un color está muy cerca de una de las 148 palabras clave de color CSS estándar (como «forestgreen» o «royalblue» — verificadas contra la especificación CSS/SVG), se usa ese nombre exacto. Si no, se genera un nombre descriptivo a partir de su tono, luminosidad y saturación, como «Azul Oscuro Vívido» o «Verde Claro Grisáceo» — nunca un nombre inventado que no se pueda verificar.
¿Qué cuenta como color «casi duplicado»?
Dos colores lo bastante cercanos en el espacio de color perceptual (medido en CIE Lab, no en RGB bruto) como para verse casi idénticos uno junto al otro — algo habitual de detectar antes de publicar una paleta con dos muestras que nadie puede distinguir.
¿Qué significan los valores de contraste?
La relación de contraste WCAG 2 de ese color frente a blanco y negro sólidos, de 1:1 (sin contraste) a 21:1 (negro sobre blanco). AA necesita 4.5:1 para texto normal o 3:1 para texto grande; AAA necesita 7:1 — útil para comprobar si un color es seguro como texto o fondo.
¿Puedo introducir más de un color a la vez?
Sí — uno por línea, o separados por comas. Se aceptan códigos hex, rgb()/rgba() y nombres de color CSS.
¿Qué tan preciso es el resultado?
Los 148 nombres exactos de color CSS están verificados contra la especificación CSS Color Module / SVG. Las distancias entre colores usan una conversión estándar sRGB a Lab, comprobada contra valores de referencia publicados. Los nombres descriptivos son un esquema basado en bandas claras de tono/luminosidad/saturación, no una suposición.
¿Puedo usar los nombres para tokens de diseño o una guía de estilo?
Sí — para eso está hecho exactamente: convertir una paleta de códigos hex en nombres legibles que puedas usar en nombres de tokens, documentación o una guía de estilo en lugar de valores hex crudos.
Cómo nos comparamos
| Función | Online Tool Store | Buscador de hex Theme & Color | Software de diseño de pago |
|---|---|---|---|
| Nombra toda una paleta a la vez, no un color cada vez | ✓ | ✗ | ✓ |
| Marca colores casi duplicados en la misma paleta | ✓ | No aplicable — un solo color | ✗ |
| Contraste WCAG contra blanco y negro mostrado en línea | ✓ | ✗ | Normalmente una herramienta aparte |
| La coincidencia exacta usa un nombre de color CSS estándar verificado | ✓ | ✓ | Nomenclatura específica de marca |
| Gratis, sin registro | ✓ | ✓ | A menudo por suscripción |
Los buscadores de nombre para un solo color están hechos para consultar una muestra a la vez. Esto está hecho para revisar una paleta completa — las comprobaciones de casi duplicados y contraste son justo lo que detecta problemas antes de publicar una paleta.