Cálculo

Creador de paletas de colores gratuito

Crea al instante una paleta de colores a juego a partir de un color HEX: tonalidades, colores complementarios, análogos, triadicados y tetradidos. Incluye copia de HEX/RGB/HSL.

Creador de paletas de colores
Tonos claros (tintes)
Tonos oscuros (sombras)
Complementario
Término análogo
Triádico
Tetrádico
Información

Acerca de Color Palette Builder Free

Crear una paleta de colores es uno de los pasos más importantes en proyectos de diseño web, diseño gráfico e identidad de marca. Una paleta de colores bien elegida mejora la experiencia del usuario, refuerza la coherencia de la marca y reduce la fatiga visual. Creador de paletas de colores Hostragons De esta forma, puedes crear instantáneamente cinco estilos de paleta diferentes a partir de un único color primario.

Herramienta; tintes (tonos claros) y tonos (oscuros), complementario, término análogo, tríada y tetrádico Calcula las armonías de color según la teoría del color. Para cada color... MALEFICIO, RGB y HSL Puedes copiar los formatos con un solo clic. Puedes introducir el color deseado escribiendo el código HEX o utilizando el selector de color.

Todos los cálculos se realizan en tiempo real en tu navegador; no se envía ningún dato a un servidor. Puedes usar esta herramienta como referencia al preparar variables CSS, colores de temas de Tailwind o estilos de color de Figma. Con su interfaz en turco y diseño optimizado para móviles, funciona a la perfección tanto en ordenadores de escritorio como en smartphones.

¿Cómo usarlo?

Paso a paso

  1. Introduzca un código de color en la casilla HEX (p. ej. #3b82f6) o explore el color haciendo clic en el icono de selección de color.
  2. La herramienta elegirá automáticamente el color que seleccionaste. sombras, complementar, término análogo, tríada y tetrádico Produce palets.
  3. Debajo de cada cuadro de color HEX, RGB y HSL Verás los valores; cópialos al portapapeles haciendo clic en el formato deseado.
  4. Al cambiar el color principal, todas las paletas se actualizan al instante; vista previa en directo Gracias a esto, verás la armonía de inmediato.
Preguntas frecuentes

Preguntas frecuentes

El color que se encuentra exactamente opuesto (180°) al color seleccionado en el círculo cromático se denomina color complementario. Proporciona un alto contraste y es ideal para colores de acento llamativos.

Los colores análogos son aquellos que se encuentran adyacentes (±30°) entre sí en el círculo cromático. Esta armonía, frecuente en la naturaleza, resulta visualmente serena y equilibrada; se utiliza comúnmente en combinaciones de colores para texto y fondo.

En la armonía triádica, el círculo cromático se divide en tres partes iguales (120°); esto crea paletas equilibradas y vibrantes. En la armonía tetrádica, cuatro colores se colocan a intervalos de 90°; esto ofrece una paleta más variada, pero requiere un uso cuidadoso.

Puedes abrir el selector de color de tu sistema operativo haciendo clic en él. Si tienes valores RGB o HSL, primero puedes convertirlos a hexadecimal usando un convertidor en línea y pegarlos aquí.

Copia el valor HEX o HSL de cada color. :root { --primary: #3b82f6; } Puedes definirlo como una variable CSS de esta manera. El formato HSL es especialmente adecuado para ajustar programáticamente el brillo y la saturación.
Volver a todas las herramientas gratuitas