Hoe genereer ek 'n kleurpalet van een handelsmerkkleur af?

Voer 'n hekskode, 'n kleurnaam soos teal, of 'n rgb()- of hsl()-waarde in die Basiskleur-veld in en druk Enter. Kies dan 'n tipe soos Handelsmerkpalet, Aanvullend, Triadies of Monochromaties, en klik 'n staaltjie om dit te kopieer.

Watter uitvoerformate ondersteun die paletgenerator?

Jy kan kleure as hex, rgb, hsl of oklch kopieer, en CSS-, SCSS-, JSON-, Tailwind 50-950-skaal-, PNG-, SVG-, GIMP/Krita GPL-, Adobe ASE- of Photoshop ACO-lêers uitvoer. Watter opsies jy sien, hang af van die Uitvoer-kontroles.

Hoe kan ek nagaan of my paletkleure leesbaar is op wit of swart?

Elke kleur wys Op wit- en Op swart-kentekens met WCAG-vlakke: AAA, AA, AA groot of Misluk. Die Teks- en agtergrondkontrole-afdeling laat jou ook toe om 'n tekskleur en agtergrond te kies om 'n spesifieke paar te toets.

Hoe hou ek sommige kleure en skommel die res?

Klik Sluit hierdie kleur op die staaltjies wat jy wil hou, en druk dan Skommel. Gesluite kleure bly, en die ander verander. Jy kan ook Wysig hierdie kleur gebruik om 'n enkele staaltjie te verander, wat die palet as gewysig merk.

Kan ek my palet deel of 'n kleur van my skerm af kies?

“Deel resultaat” maak ’n skakel wat die basiskleur, tipe en enige wysigings bevat, sodat enigiemand wat dit oopmaak dieselfde palet sien. Op ’n foon maak dit die deelblad oop; op ’n rekenaar kopieer dit die skakel. “Kies vanaf skerm” gebruik die blaaier se EyeDropper, wat net aangebied word in blaaiers wat dit ondersteun, hoofsaaklik Chromium-blaaiers.

Is dit regtig gratis?

Ja. Elke instrument is gratis om te gebruik, sonder 'n rekening en sonder 'n kredietkaart. Die werk loop op jou toestel eerder as op ons bedieners, en dit is wat dit gratis hou om te loop.

Ja. Dit werk in huidige mobiele blaaiers op iOS en Android, sonder om iets te installeer.

🎨

Gratis Kleurpaletgenerator

Genereer komplementêre, analoog, triadiese en monochromatiese kleurpalette van enige basiskleur. Kopieer hekskodes met een klik.

Loop in jou blaaierGeen aanmelding, geen opspringers nieGeen aanmelding benodigGratis vir altyd

Werk vanlyn sodra gelaai

Basiskleur

Tik 'n hex-kode, 'n kleurnaam soos teal of tomato, of rgb(20, 184, 166) / hsl(174, 80%, 40%), en druk dan Enter.

Handelsmerkpalet · 7 kleure

Kopieerformaat

Voer uit:Hex-etikette op PNG/SVG

Basis

Op wit 2,5Misluk

Op swart 8,4AAA

Aksent

Op wit 2,9Misluk

Op swart 7,2AAA

Ligte tint

Op wit 1,1Misluk

Op swart 19,4AAA

Donker skakering

Op wit 9,0AAA

Op swart 2,3Misluk

Neutraal lig

Op wit 1,1Misluk

Op swart 19,3AAA

Neutraal middel

Op wit 4,1AA groot

Op swart 5,1AA

Neutraal donker

Op wit 16,1AAA

Op swart 1,3Misluk

Teks- en agtergrondkontrole

TekskleurAgtergrond

Voorbeeld van groot opskrif

Voorbeeld van lopende teks vir hierdie paar

8,44:1Gewone teks AAAGroot teks AAA

Probeer hierdie

Wil jy kleure uit 'n foto hê? Gebruik die beeldkleur-onttrekker

Algemene gebruike

Genereer Kleurpalete vir WebontwerpMaak harmonieuze kleurskemas vir webwerwe, webprogram en UI-komponente.
Maak Handelsmerk KleurpaleteOntwikkel 'n volledige handelsmerk kleur-stelsel vanuit 'n enkel handelsmerk-kleur — primêr, sekondêr, aksent en newtrale.
Genereer Kleurpalete vir Kuns en IllustrasieMaak harmonieuze kleur-kombinasies vir digitale kuns, illustrasie en kreatiewe projekte.
Genereer Kleurstuwe vir FigmaMaak kleurpalete om as Figma Kleurstyle en ontwerp-teken-fondamente te gebruik.
Maak Donker Modus KleurpaleteGenereer lig- en donker-weergawes van jou kleurpalete vir die bou van donker modus-ondersteuning.

Hoe dit werk

Die nutsprogram is gebou sonder eksterne biblioteke — alle kleurwiskunde loop as handgeskrewe JavaScript direk in jou blaaier. Dit skakel jou gekose kleur om tussen heks en HSL, pas dan klassieke kleurteorie-harmoniereëls toe (komplementêr, triadies, analoog, ens.) deur rekenkunde op die kleurtoonwiel om elke palet te produseer.

1
Heks-na-HSL-omskakeling
Wanneer jy 'n kleur kies, ontleed die nutsprogram die heks-string in RGB-komponente en skakel hulle om na HSL (kleurtoon, versadiging, ligtheid). Kleurtoon is die 0–360-grade-posisie op die kleurwiel; die paletwiskunde gebeur alles in hierdie ruimte.
2
Kleurtoon-rekenkunde vir harmonie
Elke palettipe is 'n vaste rotasieformule toegepas op die basiese kleurtoon. Komplementêr tel 180° by, triadies tel 120° en 240° by, tetradies stap met 90°, gesplete-komplementêr gebruik 150° en 210°. Monochromaties en tinte hou kleurtoon en versadiging konstant terwyl ligtheid op en af gestap word.
3
HSL-na-heks-uitset
Elke berekende HSL-drieling word teruggeskakel na 'n heks-kleur met die standaard chroma-formule. Die resultate word as 'n kleurstrook vertoon met outo-gekontrasteerde etikette (donker teks op ligte kleurstale, ligte teks op donker een) bepaal deur 'n eenvoudige luminansiedrempel.
4
Voer uit in jou voorkeurformaat
Die palet kan as heks-strings gekopieer word of uitgevoer word as 'n CSS-veranderlikelêer (:root { --color-1: … }), SCSS-veranderlikes, 'n Tailwind-konfigurasiesnit, 'n JSON-objek, of 'n PNG-kleurstrook. PNG-uitvoer gebruik die blaaier se Canvas-API (toDataURL) om elke kleurstaal met sy heks-etiket te teken — alles word plaaslik gegenereer by 'n klik.

Verwante gereedskap

🎨

Ewekansige kleurgenerator

Genereer ewekansige kleure een op 'n slag of as 'n palet van vyf, sluit die wat jy hou, kopieer HEX-, RGB- of HSL-waardes en voer die palet uit as PNG of CSS.

Probeer dit

🎨

Beeldkleurpaletuittrekker

Onttrek die dominante kleure uit enige beeld deur gebruik te maak van k-beteken kleurkwantisering. Kry hekskodes vir die top 2-16 kleure in jou foto of logo.

Probeer ditLêers bly plaaslik

🎨

Kleurkeuser en paletgenerator

Kies kleure, skakel om tussen HEX/RGB/HSL, en genereer harmonieuse palette.