Crea harmonies de color impressionants amb la nostra roda de colors interactiva. Genera esquemes de colors complementaris, triàdics, anàlegs i altres. Exporta com a CSS, SCSS, Tailwind, PNG, PDF o JSON.
Selecciona el tipus d'harmonia
Tria entre esquemes de colors complementaris, monocromàtics, anàlegs, triàdics, tetràdics o complementaris dividits utilitzant el desplegable.
Ajusta els colors a la roda
Fes clic i arrossega a la roda de colors per seleccionar el teu color base. Els colors d'harmonia s'actualitzaran automàticament segons la teva selecció.
Ajusta la luminància
Utilitza l'anell de luminància exterior per ajustar la brillantor de la teva paleta de colors mantenint la relació d'harmonia.
Copia o exporta
Fes clic a les mostres de color per copiar colors individuals, o utilitza el botó Exporta per descarregar la teva paleta en diversos formats.
Roda de colors interactiva
Arrossega i ajusta els colors en una roda de colors visual amb un anell de control de la luminància separat per a una selecció de color precisa.
6 tipus d'harmonia de colors
Genera automàticament esquemes de colors complementaris, monocromàtics, anàlegs, triàdics, tetràdics i complementaris dividits.
Múltiples formats de color
Visualitza i copia colors en formats HEX, RGB, HSL i CMYK amb un sol clic per copiar al porta-retalls.
Exportació i generació de codi
Exporta paletes com a imatges PNG, documents PDF, dades JSON, variables CSS, variables SCSS o configuració de Tailwind CSS.
Una roda de colors és una representació visual de colors ordenats segons la seva relació cromàtica. L'harmonia de colors es refereix a la disposició agradable de colors que combinen bé entre si. La nostra eina interactiva t'ajuda a crear combinacions de colors matemàticament equilibrades utilitzant principis tradicionals de la teoria del color com ara esquemes de colors complementaris (oposats), triàdics (tres espaiats uniformement) i anàlegs (adjacents).
Teoria del color professional
Basada en principis tradicionals de la teoria del color utilitzats per artistes i dissenyadors durant segles per crear combinacions visualment atractives.
Exportació amigable per a desenvolupadors
Genera variables CSS, variables SCSS i fitxers de configuració de Tailwind CSS llestos per utilitzar en els teus projectes web.
Múltiples formats d'exportació
Exporta les teves paletes com a imatges (PNG), documents (PDF) o dades (JSON) per utilitzar-les en diferents eines i plataformes de disseny.
Retroalimentació visual en temps real
Visualitza les relacions d'harmonia amb línies de connexió i ajusta els colors de forma interactiva amb retroalimentació visual immediata.
L'eina ofereix 6 tipus d'harmonia: Complementària (2 colors oposats), Monocromàtica (variacions d'un color), Anàloga (3 colors adjacents), Triàdica (3 colors espaiats uniformement), Tetràdica (4 colors espaiats uniformement) i Complementària dividida (1 color + 2 colors adjacents al seu complement).
Utilitza l'anell de luminància exterior al voltant de la roda de colors. Fes clic i arrossega sobre aquest anell per ajustar la claredat/foscor de tots els colors de la teva harmonia mantenint les seves relacions de tonalitat i saturació.
Sí, fes clic a qualsevol mostra de color per copiar el seu valor al porta-retalls. Pots canviar entre els formats HEX, RGB, HSL i CMYK utilitzant els botons de selecció de format.
Pots exportar com a imatges PNG, documents PDF, dades JSON, variables CSS, variables SCSS i fitxers de configuració de Tailwind CSS. Cada format està optimitzat per a diferents casos d'ús.
Copia les variables CSS del modal d'exportació i enganxa-les a la teva fulla d'estils. Llavors pots utilitzar-les així: background-color: var(--color-1); o color: var(--color-2);
Sí, pots arrossegar qualsevol punt de color d'harmonia per ajustar tota la paleta. El color principal es recalcularà automàticament per mantenir la relació matemàtica del tipus d'harmonia seleccionat.