Herramienta de nombres de colores

Pasa el cursor sobre los elementos para ver los detalles del color y los nombres en inglés claro.

# Color Name Tooltip: La herramienta definitiva para descubrir colores en la web ## Descripción general ¿Es usted diseñador, desarrollador o artista digital y a menudo se pregunta cuáles son los tonos exactos que se utilizan en la web? ¿O quizás es una de los millones de personas en todo el mundo que padecen algún tipo de deficiencia en la visión cromática y les cuesta distinguir entre tonos similares? Bienvenido a Color Name Tooltip, una extensión de Chrome potente pero ligera diseñada para aportar claridad, precisión y accesibilidad a su experiencia de navegación web. Color Name Tooltip no es solo otro selector de color. Es un motor de identificación de colores inteligente y en tiempo real que reside directamente en su navegador. Con solo pasar el ratón sobre cualquier elemento de una página web, podrá ver al instante los valores de color CSS calculados en varios formatos, junto con un nombre legible para los humanos que todos pueden entender. ## ¿Por qué elegir Color Name Tooltip? La web es un lugar vibrante, pero la parte técnica del color puede resultar intimidante. Los códigos hexadecimales como #F08080 o los valores RGB como (240, 128, 128) no significan mucho para la persona promedio. Incluso para los profesionales experimentados, resulta difícil visualizar el tono exacto a partir de una cadena de números. Aquí es donde brilla Color Name Tooltip. Salva la brecha entre los datos técnicos y el lenguaje humano. Cuando pasa el cursor sobre un elemento, no solo le dice las matemáticas; le cuenta la historia. Identifica el color como "Coral claro", dándole una imagen mental inmediata del tono. ## Características principales ### 1. Identificación instantánea al pasar el cursor No es necesario abrir herramientas de desarrollo ni hacer clic en un elemento. Simplemente mueva el cursor por la pantalla y la información sobre herramientas le seguirá, actualizándose al instante mientras se desplaza sobre diferentes colores. Ya sea un fondo, un borde o texto, Color Name Tooltip encuentra el color calculado y lo muestra de forma elegante. ### 2. Datos de color exhaustivos Para los profesionales, proporcionamos todos los detalles técnicos esenciales: - **Hexadecimal:** El estándar de la industria para el diseño web. - **RGB (Rojo, Verde, Azul):** Esencial para muchas aplicaciones de diseño y CSS. - **HSL (Matiz, Saturación, Luminosidad):** A menudo, la forma más intuitiva para que los diseñadores comprendan y manipulen el color. ### 3. Color con nombre CSS más cercano ¿Alguna vez ha querido saber cuál es el nombre de color CSS "oficial" más cercano? Nuestra extensión compara el color sobre el que se pasa el cursor con el conjunto estándar de más de 140 colores con nombre CSS y le indica la coincidencia más cercana. Esto es increíblemente útil para los desarrolladores que desean utilizar nombres estándar en sus hojas de estilo para mejorar la legibilidad. ### 4. Descripciones avanzadas en lenguaje sencillo (ntc.js) Este es el núcleo de la accesibilidad de nuestra extensión. Hemos incluido una enorme tabla de búsqueda que contiene más de 1.500 clasificaciones de color. En lugar de nombres genéricos, obtendrá títulos descriptivos y evocadores como 'rosa coral medio', 'azul marino oscuro' o 'lavanda polvorienta'. Estos nombres se derivan del famoso algoritmo "Name That Color" (ntc), que proporciona un nivel de detalle que los selectores estándar simplemente no pueden igualar. ### 5. Diseñado para la accesibilidad Color Name Tooltip se creó pensando en los usuarios daltónicos. La deficiencia en la visión cromática puede dificultar la navegación por la web, especialmente cuando se utiliza el color para transmitir significado o distinguir entre secciones. Al proporcionar nombres claros y escritos para cada color, permitimos a los usuarios comprender la jerarquía visual y las elecciones estéticas de cualquier sitio web, independientemente de su percepción del color. ## Cómo funciona Internamente, Color Name Tooltip utiliza una lógica sofisticada para determinar el "estilo calculado" de los elementos sobre los que se pasa el cursor. Identifica de forma inteligente si mostrar el color de fondo o el color del texto en función de lo que es más prominente bajo el cursor. Luego, los datos se procesan a través de nuestras bibliotecas incluidas (`ntc.js` para los nombres en inglés sencillo y `css_colors.js` para las coincidencias estándar de CSS) para proporcionarle un perfil completo del color en milisegundos. ## Minimalista y no intrusivo Creemos que las herramientas deben mantenerse fuera de su camino hasta que las necesite. Color Name Tooltip cuenta con: - **Interfaz de usuario limpia:** Una información sobre herramientas moderna y semitransparente que no obstruye su vista. - **Posicionamiento inteligente:** La información sobre herramientas se reposiciona automáticamente para garantizar que siempre permanezca dentro del área de visualización del navegador. - **Control de alternancia:** ¿Necesita un descanso? Puede habilitar o deshabilitar fácilmente la información sobre herramientas a través del menú emergente de la extensión. Está ahí cuando la necesita y desaparece cuando no. ## Perfecto para: - **Diseñadores web:** Referencie rápidamente colores en sitios de inspiración sin tener que analizar el código. - **Desarrolladores frontend:** Verifique que los colores del sitio en vivo coincidan con las especificaciones de diseño. - **Artistas digitales:** Amplíe su vocabulario de colores viendo los nombres de los tonos que encuentra. - **Defensores de la accesibilidad:** Asegúrese de que sus sitios sean comprensibles para todos los usuarios comprobando cómo se describen los colores. - **Personas daltónicas:** Obtenga un nuevo nivel de independencia al explorar la web visual. ## Privacidad y rendimiento Su privacidad es nuestra prioridad. Color Name Tooltip funciona de forma totalmente local dentro de su navegador. No rastrea su historial de navegación, no recopila datos personales ni se comunica con servidores externos. También está altamente optimizado para el rendimiento, lo que garantiza que su experiencia de navegación siga siendo fluida y receptiva incluso en sitios web complejos y ricos en colores. ## Únase a la comunidad Estamos comprometidos a hacer de Color Name Tooltip la mejor utilidad de color de la web. Si tiene sugerencias para nuevas funciones, encuentra algún problema o simplemente quiere compartir cómo le ha ayudado la extensión, ¡nos encantaría saber de usted! Sus comentarios impulsan nuestro desarrollo. Instale Color Name Tooltip hoy mismo y vea la web bajo una luz completamente nueva, ¡con nombres!