Selector de Color Gratis con Paletas
Este selector de color gratuito te permite elegir un color con el control de color de tu navegador o escribir un código HEX, y luego muestra sus valores HEX, RGB y HSL, la legibilidad del texto blanco y negro sobre él, y paletas de tintes, sombras, el color complementario y el conjunto triádico. Es ideal para diseñadores, desarrolladores y especialistas en marketing que eligen colores de marca para un sitio, un anuncio o un logotipo.
Color Picker
Generators and Converters
Sobre esta herramienta
Los códigos de color vienen en varios formatos. HEX, como #2563eb, es el más común en la web. RGB proporciona la cantidad de rojo, verde y azul de 0 a 255, y HSL describe el matiz en grados, más la saturación y luminosidad en porcentaje, lo que es más fácil de ajustar a simple vista. El selector muestra los tres para el mismo color para que puedas pegar el que tu herramienta necesite.
Las paletas se construyen a partir del color que eliges. Los tintes lo mezclan con blanco y las sombras lo mezclan con negro, lo que proporciona versiones más claras y oscuras para fondos, bordes y estados de desplazamiento. El color complementario se sitúa enfrente en la rueda de color, y el conjunto triádico toma los dos colores espaciados un tercio de la rueda, un punto de partida común para un esquema equilibrado.
Las cifras de contraste comparan tu color con texto blanco y negro usando la fórmula WCAG. Una relación de 4.5 a 1 o superior es el objetivo habitual para el texto del cuerpo normal. Usa el selector nativo para una elección rápida, o el convertidor de color cuando ya tengas un código para traducir. Nada de lo que elijas se almacena.
Preguntas frecuentes
¿Cuál es la diferencia entre HEX, RGB y HSL?
Describen el mismo color de diferentes formas. HEX es un código de seis dígitos para uso web, RGB enumera valores de rojo, verde y azul de 0 a 255, y HSL proporciona matiz, saturación y luminosidad, lo que facilita crear variantes más claras u oscuras cambiando un número.
¿Qué son los tintes y las sombras?
Un tinte es el color mezclado con blanco, por lo que se ve más claro, y una sombra es el color mezclado con negro, por lo que se ve más oscuro. Juntos proporcionan un rango listo del mismo color para fondos, bordes, botones y estados de desplazamiento.
¿Qué es un color complementario o triádico?
El color complementario está directamente opuesto al tuyo en la rueda de color y proporciona el contraste más fuerte. Una paleta triádica utiliza tu color más dos otros espaciados uniformemente alrededor de la rueda. Ambos son puntos de partida, así que ajusta la luminosidad y saturación hasta que el resultado se adapte a tu marca.
¿Qué relación de contraste debe tener el texto?
WCAG pide al menos 4.5 a 1 para texto normal y 3 a 1 para texto grande para cumplir el nivel AA. El selector muestra la relación para texto blanco y negro sobre tu color para que puedas elegir el legible.