Sobivate värvide arvamine raiskab disainiaega. See generaator kasutab klassikalisi värviratta harmooniaid - samu toonisuhteid, mida õpetatakse värviõpetuses -, nii et iga palett on matemaatiliselt kooskõlaline, mitte silma järgi valitud. Klõpsa mis tahes värvinäidisel, et kopeerida selle hex-kood, või kopeeri kogu palett valmis kleepimiseks mõeldud CSS custom property'dena. Kõik toimub ainult brauseris: kontot pole vaja, üleslaadimist pole, sinu brändivärve ei jälgita.
Tasuta Värvipaleti Generaator
Töötab täielikult sinu brauseris - midagi ei laadita üles, kontot pole vaja.
Harmoonia
CSS-muutujad
Mis on värvipaleti generaator?
Värvipaleti generaator loob värviratta teooria abil ühest põhivärvist sobiva värviskeemi. Vali või sisesta hex-värv, vali harmoonia, näiteks täiendav, analoogne, triaadiline või monokroomne, ning tööriist arvutab kohe kokkusobivad värvid - igaühel neist kopeeritav hex-kood. Kõik toimub sinu brauseris.
Kuidas kasutada
- 1Määra oma põhivärv. Klõpsa värvivälimikul visuaalseks valimiseks, sisesta hex-kood, näiteks #6366f1, või vajuta Juhuslik uue lähtepunkti saamiseks.
- 2Vali harmoonia. Lülitu täiendava, poolitatud täiendava, analoogse, triaadilise, tetraadilise, monokroomse ning tumedamate ja heledamate toonide vahel. Palett arvutatakse kohe uuesti.
- 3Kopeeri värvid. Klõpsa mis tahes värvinäidisel, et kopeerida selle hex-kood, või kasuta nuppu Kopeeri, et saada kogu palett CSS-muutujatena.
Kellele see sobib
- Veebidisainerid, kes alustavad saiti ühest brändivärvist: loovad analoogseid või poolitatud täiendavaid värve taustadele, nuppudele ja aktsentidele.
- Front-end arendajad, kes vajavad design token'i alust: kopeerivad paleti CSS-muutujatena ja lisavad need otse stiilifaili.
- Turundajad ja esitluste tegijad, kes sobitavad graafikuid, sotsiaalmeedia visuaale või esitlusi logo värviga ilma disainitööriistata.
- Illustraatorid ja hobikunstnikud, kes uurivad ühe tooni tumedamaid ja heledamaid variante, et luua teosesse sügavust, valgusi ja varje.
Korduvad küsimused
Kas see värvipaleti generaator on tasuta?
Jah - 100% tasuta, ilma registreerimise, vesimärkide ja piiranguteta. Loo ja kopeeri nii palju palette kui soovid, nii isiklikeks kui ka ärilisteks projektideks.
Kas mu värviandmed laaditakse kuhugi üles?
Ei. Palett arvutatakse täielikult sinu brauseris tavalise JavaScriptiga. Sinu brändivärve, sisestusi ega klikke ei saadeta kunagi ühelegi serverile.
Mis on täiendav värv?
Täiendav värv asub värviratta peal täpselt sinu põhivärvi vastas - see on 180-kraadine tooni pööramine. Täiendavad paarid, nagu sinine ja oranž, annavad tugevaima kontrasti, mistõttu need on populaarsed tegevusele kutsuvate nuppude jaoks brändi tausta peal.
Mis vahe on analoogsel ja triaadilisel paletil?
Analoogne palett kasutab naabertoone (umbes 30 kraadi ulatuses põhivärvist), mistõttu tundub see rahulik ja ühtne. Triaadiline palett võtab kolm tooni, mis on üksteisest 120 kraadi kaugusel, andes elavama ja tasakaalustatud skeemi, kus värvide vahel on rohkem kontrasti.
Mis on tumedamad ja heledamad toonid?
Tumedamad toonid muudavad põhivärvi tumedamaks, vähendades selle heledust musta suunas; heledamad toonid muudavad selle heledamaks valge suunas. Mõlemad säilitavad sama tooni ja küllastuse, mistõttu sobivad need suurepäraselt hover-olekutele, äärtele ja ühe brändivärvi taustakihtidele.
Mitu värvi peaks veebisaidi paletis olema?
Levinud reegel on 60-30-10: üks domineeriv värv umbes 60% jaoks liidesest, teisejärguline värv 30% jaoks ja aktsent 10% jaoks. Alusta siin 3-5 värvi harmooniast ja lisa siis igaühele tumedamaid ja heledamaid toone eri olekute ja pindade jaoks.
Miks palett halli või musta puhul peaaegu ei muutu?
Hallil, mustal ja valgel on null küllastust, seega pole tooni, mida harmoonia pööramised saaksid mõjutada - tühja pööramine annab jälle sama neutraalse tulemuse. Ehita selle asemel neutraalne redel heleduse režiimide abil: heledamad toonid musta või tumehalli jaoks, tumedamad toonid valge või helehalli jaoks ning monokroomne keskmise halli jaoks.