Kuidas luua ühest brändivärvist värvipalett?

Sisesta Põhivärv väljale kuueteistkümnendkood, värvinimi nagu „teal” või rgb()/hsl() väärtus ja vajuta Enter. Seejärel vali tüüp, näiteks Brändipalett, Täiendavad, Triadilised või Monokromaatilised, ja klõpsa värviruudul, et seda kopeerida.

Milliseid ekspordivorminguid paletigeneraator toetab?

Värve saab kopeerida kujul hex, rgb, hsl või oklch ning eksportida CSS-i, SCSS-i, JSON-i, Tailwind 50–950 skaala, PNG, SVG, GIMP/Krita GPL, Adobe ASE või Photoshop ACO failidena. Millised valikud nähtaval on, sõltub ekspordi juhtelementidest.

Kuidas kontrollida, kas minu paleti värvid on valgel või mustal taustal loetavad?

Iga värvi juures kuvatakse Valgel ja Mustal märgised koos WCAG-tasemetega: AAA, AA, AA suur või Ei vasta. Teksti ja tausta kontrolli jaotis võimaldab valida ka tekstivärvi ja tausta, et testida konkreetset paari.

Kuidas hoida mõned värvid alles ja ülejäänud ümber segada?

Klõpsa Lukusta see värv nendel värviruutudel, mida soovid alles hoida, seejärel vajuta Sega. Lukustatud värvid jäävad alles ja ülejäänud muutuvad. Samuti saad kasutada Muuda seda värvi üksiku värviruudu muutmiseks, mis märgib paleti muudetuks.

Kas ma saan oma paletti jagada või ekraanilt värvi valida?

„Jaga tulemust” teeb lingi, mis sisaldab põhivärvi, tüüpi ja kõiki muudatusi, nii et igaüks, kes selle avab, näeb sama paletti. Telefonis avaneb jagamisaken, arvutis kopeeritakse link. „Vali ekraanilt” kasutab brauseri EyeDropper-tööriista, mis on saadaval ainult seda toetavates brauserites, peamiselt Chromiumil põhinevates.

Kas see on tõesti tasuta?

Jah. Iga tööriist on tasuta kasutamiseks, ei nõua kontot ega krediitkaarti. Töö toimub sinu seadmes, mitte meie serverites, mis võimaldabki seda tasuta pakkuda.

Kas see töötab mobiilseadmetes?

Jah. See töötab tänapäevastes mobiilibrauserites iOS-is ja Androidis ning midagi pole vaja installida.

🎨

Värvipalleti generaator tasuta

Loo komplementaarseid, analoogseid, triaadilisi ja monohroomseid värvipallette mis tahes põhivärvist. Kopeeri hex-koodid ühe klõpsuga.

Töötab sinu brauserisRegistreerimist pole, hüpikaknaid poleSisselogimist ei nõutaIgavesti tasuta

Töötab võrguühenduseta pärast laadimist

Põhivärv

Sisesta hex-kood, värvinimi (nt teal või tomato) või rgb(20, 184, 166) / hsl(174, 80%, 40%) ja vajuta Enter.

Brändipalett · 7 värvi

Kopeerimisvorming

Ekspordi:Hex-sildid PNG/SVG-s

Põhivärv

Valgel 2,5Ei vasta

Mustal 8,4AAA

Aktsent

Valgel 2,9Ei vasta

Mustal 7,2AAA

Hele toon

Valgel 1,1Ei vasta

Mustal 19,4AAA

Tume toon

Valgel 9,0AAA

Mustal 2,3Ei vasta

Neutraalne hele

Valgel 1,1Ei vasta

Mustal 19,3AAA

Neutraalne kesktoon

Valgel 4,1AA suur

Mustal 5,1AA

Neutraalne tume

Valgel 16,1AAA

Mustal 1,3Ei vasta

Teksti ja tausta kontrolli

TekstivärvTaust

Suure pealkirja näidis

Põhiteksti näidis selle värvipaari jaoks

8,44:1Tavatekst AAASuur tekst AAA

Proovi neid

Soovid värve fotolt? Kasuta pildi värviekstraktorit

Levinud kasutusviisid

Genereeri Värvide Paletid VeebidisainileLoo harmooniaid värviskeem veebisaitidele, veebirakendustele ja UI komponentidele.
Loo Kaubamärgi Värvide PaletidArendage täielikku kaubamärgi värvade süsteemi ühe kaubamärgi värvusest — esmane, teisene, rõhk ja neutraal.
Genereeri Värvide Paletid Kunstile ja IllustratsioonileLoo harmooniaid värvikombinatsioone digitaalkunstile, illustratsioonile ja loovprojektidele.
Genereeri Värvustilid FigmaleLoo värvide paletid kasutamiseks Figma värvustiilide ja disaini suurte alusena.
Loo Värvide Paletid Pimeda Režiimi JaoksGenereeri teie värvide paletid heledaid ja tumedaid variante pimea režiimi tugema loomiseks.

Kuidas see töötab

Tööriist on ehitatud ilma väliste teekideta — kogu värvimatemaatika töötab käsitsi kirjutatud JavaScriptis otse sinu brauseris. See teisendab su valitud värvi kuueteistkümnendarvu ja HSL vahel, rakendades seejärel klassikalisi värviteooria harmoonia reegleid (komplementaarne, triaadiline, analoogne jne) tooniratta aritmeetika kaudu, et toota iga palett.

1
Kuueteistkümnendarv-HSL teisendus
Värvi valimisel parsib tööriist kuueteistkümnendstringi RGB komponentideks ja teisendab need HSL-iks (toon, küllastus, heledus). Toon on 0–360 kraadi positsioon värviratal; kogu paleti matemaatika toimub selles ruumis.
2
Tooniaritmeetika harmoonia jaoks
Iga paleti tüüp on fikseeritud pöördevalem, mida rakendatakse baastoonile. Komplementaarne lisab 180°, triaadiline lisab 120° ja 240°, tetraadiline astub 90° kaupa, jagatud-komplementaarne kasutab 150° ja 210°. Monokroomne ja toonivariandid hoiavad tooni ja küllastuse konstantsena, astudes heledust üles-alla.
3
HSL-kuueteistkümnendarv väljund
Iga arvutatud HSL kolmik teisendatakse tagasi kuueteistkümnendvärviks standardse kroomavalemi abil. Tulemused kuvatakse värviribana automaatse kontrastiga siltidega (tume tekst heledatel näidistel, hele tekst tumedatel), määratuna lihtsa heleduse lävendi järgi.
4
Ekspordi oma eelistatud vormingus
Palett saab kopeerida kuueteistkümnendstringidena või eksportida CSS-muutujate failina (:root { --color-1: … }), SCSS-muutujatena, Tailwindi konfiguratsioonifragmendina, JSON-objektina või PNG värviribana. PNG eksport kasutab brauseri Canvas API-t (toDataURL), et joonistada iga näidis oma kuueteistkümnendsildiga — kõik genereeritakse kohapeal klõpsamisel.

Seotud tööriistad

🎨

Juhuslike värvide generaator

Loo juhuslikke värve ükshaaval või viiest koosneva paletina, lukusta need, mis meeldivad, kopeeri HEX-, RGB- või HSL-väärtused ja ekspordi palett PNG- või CSS-failina.

Proovi järele

🎨