Ugibanje, katere barve se ujemajo, pri oblikovanju po nepotrebnem krade čas. Ta generator uporablja klasične harmonije barvnega kroga - enaka razmerja med odtenki, ki jih učijo pri teoriji barv - zato je vsaka paleta matematično usklajena, ne le ocenjena na oko. Kliknite kateri koli vzorec, da kopirate njegovo hex kodo, ali kopirajte celotno paleto kot pripravljene spremenljivke CSS. Vse deluje izključno na strani odjemalca: brez računa, brez nalaganja datotek in brez sledenja barvam vaše blagovne znamke.
Brezplačni generator barvne palete
Vse poteka v vašem brskalniku - brez nalaganja, brez registracije.
Harmonija
Spremenljivke CSS
Kaj je generator barvne palete?
Generator barvne palete iz ene osnovne barve zgradi usklajeno barvno shemo po teoriji barvnega kroga. Izberite ali vpišite hex barvo, izberite harmonijo - komplementarno, analogno, triadno ali monokromatsko - in orodje takoj izračuna usklajene barve, vsako s hex kodo, pripravljeno za kopiranje. Vse poteka neposredno v brskalniku.
Kako uporabljati
- 1Nastavite osnovno barvo. Kliknite polje z barvo, da izberete vizualno, vpišite hex kodo, na primer #6366f1, ali kliknite „Naključno” za novo izhodišče.
- 2Izberite harmonijo. Preklapljajte med komplementarno, deljeno-komplementarno, analogno, triadno, tetradno, monokromatsko shemo, sencami in toni. Paleta se takoj preračuna.
- 3Kopirajte barve. Kliknite kateri koli vzorec, da kopirate njegovo hex kodo, ali uporabite gumb Kopiraj, da prevzamete celotno paleto kot spremenljivke CSS.
Komu je namenjeno
- Spletni oblikovalci, ki spletno mesto začnejo z eno barvo blagovne znamke: ustvarijo analogne ali deljeno-komplementarne pare za ozadje, gumbe in poudarke.
- Razvijalci frontend, ki potrebujejo začetni nabor oblikovnih žetonov (design tokens): paleto kopirajo kot spremenljivke CSS in jo takoj vstavijo v stylesheet.
- Tržniki in ustvarjalci predstavitev, ki grafe, družbeno grafiko ali predstavitve uskladijo z barvo logotipa brez oblikovalskega orodja.
- Ilustratorji in navdušenci, ki raziskujejo sence in tone enega odtenka, da bi v delu ustvarili globino, svetlobo in sence.
Pogosta vprašanja
Je ta generator barvne palete brezplačen?
Da - 100 % brezplačen, brez registracije, brez vodnih žigov in brez omejitev. Ustvarite in kopirajte poljubno število palet za osebne ali komercialne projekte.
Se moji podatki o barvah kam nalagajo?
Ne. Paleta se v celoti izračuna v vašem brskalniku z navadnim JavaScriptom. Barve vaše blagovne znamke, vneseni podatki in kliki se nikoli ne pošljejo na strežnik.
Kaj je komplementarna barva?
Komplementarna barva leži natanko nasproti osnovni na barvnem krogu - gre za zasuk odtenka za 180 stopinj. Komplementarni pari, kot sta modra in oranžna, dajejo najmočnejši kontrast, zato so priljubljeni za gumbe s pozivom k dejanju na ozadju barve blagovne znamke.
Kakšna je razlika med analogno in triadno paleto?
Analogna paleta uporablja sosednje odtenke (znotraj približno 30 stopinj od osnovne barve), zato deluje mirno in enotno. Triadna paleta vzame tri odtenke, razmaknjene za 120 stopinj, kar da živahno, uravnoteženo shemo z več kontrasta med barvami.
Kaj so sence in toni?
Sence (shades) osnovno barvo potemnijo s premikom svetlosti proti črni; toni (tints) jo posvetlijo proti beli. Oboji ohranjajo enak odtenek in nasičenost, zato so idealni za stanja ob prehodu miške, robove in ozadne plasti ene barve blagovne znamke.
Koliko barv naj ima paleta spletne strani?
Pogosto pravilo je 60-30-10: ena prevladujoča barva za približno 60 % vmesnika, sekundarna za 30 % in poudarjena za 10 %. Tu začnite s harmonijo 3-5 barv, nato pa dodajte sence in tone vsake za stanja in površine.
Zakaj se paleta pri sivi ali črni skoraj ne spremeni?
Siva, črna in bela imajo ničelno nasičenost, zato nimajo odtenka, na katerega bi lahko delovali zasuki harmonije - zasuk ničesar vrne isto nevtralno vrednost. Zgradite nevtralno lestvico z načini svetlosti: tone za črno ali temno sivo, sence za belo ali svetlo sivo ter monokromatski način za srednje sivo.