🛠️ Eina de Navegador

Roda de colors interactiva

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.

Harmonia del color

#8040bf
#80bf40

Eines Relacionades

COLOR Tools

View All →

Comprovador de Contrast de Color

Comprova les ràtios de contrast de color per a la conformitat amb l'accessibilitat web. Prova combinacions de colors de text i fons segons les directrius WCAG amb previsualització en temps real, avaluacions d'accessibilitat i suggeriments de millora.

Convertidor CMYK a Pantone Gratuït en Línia

Converteix colors CMYK als seus equivalents Pantone més propers utilitzant ciència del color avançada. Explora una col·lecció curada de colors Pantone populars amb comparació de color en temps real i funcionalitat de copiar.

Convertidor de colors Hex a Pantone gratuït

Converteix colors hexadecimals a les coincidències Pantone més properes amb la nostra eina en línia gratuïta. Inclou concordança de colors precisa amb Delta E, permet navegar per més de 40 colors Pantone populars i obtenir comparacions instantànies de colors. Perfecte per a dissenyadors, impressors i professionals del color.

Convertidor gratuït de color HSV a Pantone

Converteix colors HSV (To, Saturació, Valor) a les seves coincidències Pantone més properes a l'instant. Troba el color Pantone perfecte amb la nostra completa eina de concordança de colors amb comparacions visuals i ciència del color precisa.

Convertidor gratuït de color RGB a Pantone

Converteix colors RGB a les seves coincidències Pantone més properes amb el nostre algorisme avançat de concordança de colors. Explora colors Pantone seleccionats, compara diferències de color i obtén codis de color precisos per als teus projectes de disseny.

Creador de Collages de Paletes de Colors

Crea collages visuals impressionants combinant les teves imatges amb paletes de colors extretes. Puja qualsevol imatge per extreure'n automàticament els colors dominants i crear composicions belles amb dissenys, estils i proporcions personalitzables.

Com crear harmonies de colors

1

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.

2

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ó.

3

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.

4

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.

Característiques Clau

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.

Què és una roda de colors i l'harmonia de colors?

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).

Per què utilitzar la nostra eina de roda de colors?

1

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.

2

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.

3

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.

4

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.

Preguntes Freqüents

Quins tipus d'harmonia de colors estan disponibles?

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).

Com ajusto la brillantor dels colors?

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ó.

Puc copiar colors individuals?

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.

Quins formats d'exportació són compatibles?

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.

Com utilitzo les variables CSS generades?

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);

Puc arrossegar els colors d'harmonia individualment?

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.