Ir al contenido

Selector de Color

Selecciona colores y convierte entre formatos HEX, RGB y HSL.

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

Paleta de colores

Complementario

Análogo

Triádico

Verificador de contraste

Con texto negro

Ratio: 5.71:1

AA Texto normal: Pass

AA Texto grande: Pass

AAA Texto normal: Fail

AAA Texto grande: Pass

Con texto blanco

Ratio: 3.68:1

AA Texto normal: Fail

AA Texto grande: Pass

AAA Texto normal: Fail

AAA Texto grande: Fail

Herramienta Selector de Color: Encuentra Códigos de Color HEX, RGB y HSL

Elegir los colores correctos es esencial para el diseño web, diseño gráfico y desarrollo de interfaces. Nuestro selector de color online gratuito te permite seleccionar visualmente cualquier color y obtener al instante su código en formatos HEX, RGB y HSL.

La herramienta muestra simultáneamente tres formatos de color estándar de la industria. Los códigos HEX (como #3B82F6) son el formato más común en CSS y HTML. Los valores RGB especifican los componentes rojo, verde y azul en escala 0-255. HSL proporciona una forma intuitiva de entender y manipular colores.

Entender los formatos de color es clave para el trabajo de diseño profesional. HEX es compacto y ampliamente soportado. RGB ofrece control directo sobre canales individuales. HSL es el formato más intuitivo, permitiendo ajustar tono, saturación y luminosidad independientemente.

Cada valor de color puede copiarse al portapapeles con un solo clic, listo para pegar en tu CSS, herramienta de diseño o documentación.

FAQ

Compartir
PatrocinadoAnuncio

Diseño profesional fácil con Canva

Crea logos, publicaciones sociales, presentaciones y más con la simplicidad de arrastrar y soltar.

FAQ

¿Cuál es la diferencia entre los formatos HEX, RGB y HSL?+
HEX usa un código hexadecimal de 6 caracteres (#RRGGBB). RGB especifica valores rojo, verde y azul de 0-255. HSL usa tono (0-360 grados), saturación (0-100%) y luminosidad (0-100%).
¿Cómo convierto un color HEX a RGB?+
Divide el código HEX en pares (ej. #3B82F6 se convierte en 3B, 82, F6) y convierte cada par de hexadecimal a decimal. Así #3B82F6 = rgb(59, 130, 246).
¿Cuál es el mejor formato de color para CSS?+
HEX es el más usado en CSS. Sin embargo, HSL es cada vez más popular porque facilita crear variaciones de color ajustando saturación y luminosidad.
¿Cómo encuentro el código de color exacto de un sitio web?+
Usa las herramientas de desarrollador del navegador (F12) para inspeccionar elementos y encontrar valores de color en el CSS.
¿Qué significa HSL y cuándo debo usarlo?+
HSL significa Tono, Saturación, Luminosidad. Úsalo cuando quieras crear paletas de color con saturación y luminosidad consistentes.

Herramientas más populares