Selector de Colores y Generador de Paletas

Explora combinaciones cromáticas, convierte entre valores HEX, RGB y HSL y genera esquemas armónicos para tus proyectos de diseño web y branding.

🔒
Todo se procesa en tu dispositivo: La herramienta opera al 100% en tu navegador. Tus selecciones cromáticas y códigos son totalmente privados.
HEX
#FF8C00
RGB
rgb(255, 140, 0)
HSL
hsl(33, 100%, 50%)

Paletas Armónicas Derivadas:

Esquema Complementario (Opuesto dinámico):

Esquema Análogo (Armonía suave):

Esquema Triádico (Equilibrio vivo):

La importancia de una paleta cromática coherente

El color es uno de los elementos psicológicos más potentes en la comunicación visual. Define la identidad de una marca, guía la atención del visitante en una página web y transmite sensaciones inmediatas de confianza, dinamismo, sobriedad o alegría. Sin embargo, encontrar tonalidades secundarias y de contraste que coordinen armónicamente con un color principal suele resultar complejo para quienes no tienen formación avanzada en teoría del color.

El selector de colores de dlRabbit facilita esta tarea implementando reglas colorimétricas geométricas directas. A partir de cualquier color base, genera instantáneamente los códigos necesarios para su implementación en hojas de estilo CSS (HEX, RGB y HSL) y despliega paletas análogas, complementarias y triádicas basadas en las propiedades físicas de la rueda de color.

Diferencias entre los modelos de color digitales

💻 Formato HEX (#)

El estándar más utilizado en diseño web. Tres pares de dígitos hexadecimales que representan la intensidad de rojo, verde y azul.

🎨 Modelo RGB (0-255)

Modelo aditivo de pantallas que mezcla canales de luz física. Esencial para programación en Canvas, WebGL y desarrollo de software.

☀ Modelo HSL

Basado en la percepción humana: Tono (360°), Saturación (pureza cromática) y Luminosidad (claridad). Muy fácil de oscurecer o aclarar mediante CSS.

Reglas de armonía cromática

Preguntas Frecuentes sobre el Selector de Colores

¿Qué código de color uso para CSS?▼

Puedes usar cualquiera de los tres. HEX es el más común, pero HSL es excelente para crear variantes claras y oscuras en modo oscuro/claro.

¿Cómo se calculan los complementarios?▼

Se rota el tono (Hue) 180 grados en el círculo cromático manteniendo la misma saturación y luminosidad.

¿Mis datos de color se transmiten a internet?▼

No, todos los cálculos se realizan localmente en tu propio navegador.

¿Puedo hacer clic en las paletas para copiar?▼

Sí, cada bloque de color de las paletas muestra su código HEX y te permite copiarlo directamente.

¿Es completamente gratis?▼

Sí, la herramienta es de acceso libre y 100% gratuita.