Buscador de códigos de color

Cómo usarlo

Escribe o pega un código de color en el campo. El analizador reconoce el formato automáticamente: HEX con o sin # (3, 4, 6 u 8 dígitos), rgb()/rgba() con separadores de coma, espacio o barra, y hsl()/hsla() incluidas las unidades deg/rad/turn. El resultado se actualiza con cada tecla, sin botones.

La vista previa muestra una muestra grande del color resuelto y una lista con las lecturas HEX, RGB y HSL. Cada fila tiene su botón de copia, y Copiar todo pone los tres valores en el portapapeles a la vez.

• Detección automática del formato al escribir
• Conversión HEX, RGB y HSL en una sola vista
• Canal alfa con lectura en porcentaje
• Copia con un clic por valor o de los tres juntos

Usos prácticos

Las entregas de diseño mezclan notaciones: la guía de marca usa HEX, el desarrollador escribe rgb() en CSS y la herramienta de motion exporta HSL. Pega cada valor aquí para confirmar que todos resuelven al mismo color antes de que el desfase llegue a producción.

Al depurar un color de UI «ligeramente distinto», pega el valor sospechoso de DevTools y compara la muestra con el diseño: es la forma más rápida de saber si el problema es el valor o la capa superior.