Selector de Color
Elige un color y lee HEX, RGB, HSL y contraste. Introduce tus valores y pulsa el botón para ver el resultado.
El contraste usa la fórmula de luminancia relativa de WCAG. 4,5:1 es el umbral AA para texto normal.
Acerca de Selector de Color
Elige un color y lee HEX, RGB, HSL y contraste. Pulsa Ejecutar; el resultado aparece en el panel de resultados. Todo se ejecuta localmente en el navegador, nada se envía. Solo se muestra el resultado actual — sin historial ni comparación en paralelo.
Selector de Color lee «Color», «Matiz», «Saturación %» y «Luminosidad %» del formulario y escribe la respuesta en el panel de resultados — El contraste usa la fórmula de luminancia relativa de WCAG. 4,5:1 es el umbral AA para texto normal. No hay cuenta ni envío al servidor: el JavaScript de la página trabaja en tu dispositivo.
Cómo usar esta herramienta
- Abre Selector de Color desde la categoría Generadores y utilidades o búscalo con el cuadro de búsqueda de la cabecera.
- Rellena los campos mostrados: «Color», «Matiz», «Saturación %» y «Luminosidad %».
- Pulsa Ejecutar. El nuevo resultado sustituye al anterior; solo se muestra la ejecución actual, nunca dos resultados en paralelo.
- Usa Copiar HEX para copiar el resultado. El aviso solo aparece cuando realmente se ha copiado contenido.
Ejemplo práctico
Introduce tus valores en los campos y pulsa Ejecutar. Tras cualquier cambio, un nuevo clic recalcula con los datos actuales y sustituye el resultado anterior.
Preguntas frecuentes
¿Se suben mis datos a algún sitio?
No. Selector de Color procesa «Color», «Matiz», «Saturación %» y «Luminosidad %» con JavaScript en el navegador. Entradas y resultado quedan en tu dispositivo; Utilixo no guarda ninguna copia.
¿Puedo comparar varios resultados?
No en paralelo. Cada clic en Ejecutar recalcula con las entradas actuales y sobrescribe el resultado anterior. Anota tú los valores previos.
¿Algo a tener en cuenta con Selector de Color?
El contraste usa la fórmula de luminancia relativa de WCAG. 4,5:1 es el umbral AA para texto normal.
¿Cómo me llevo el resultado?
Tras ver el resultado, pulsa Copiar HEX. Si está vacío no aparece el aviso de éxito.
¿Hay que registrarse o pagar?
No. Selector de Color es gratis, sin registro y sin límite de usos. Abre la página y úsalo.
Herramientas relacionadas
- Generador de Box-Shadow CSS — Sombras en capas con vista previa y CSS listo para copiar.
- Cara o Cruz — Lanza una moneda, o muchas, y ve el marcador.
- Lanzador de Dados — Lanza tantos dados como quieras, con tantas caras como quieras.
Lecturas adicionales
Para una explicación más completa, lee la guía de la categoría Generadores y Utilidades, que repasa cada herramienta con ejemplos prácticos y consejos.