Generator de Palete de Culori
Generatorul de palete de culori construiește o paletă de 5 culori pornind de la orice culoare de bază, folosind armoniile din teoria culorilor — complementară, triadică, analogă, complementară divizată, tetradică sau monocromatică — și o exportă ca proprietăți CSS personalizate.
Despre acest instrument
Generatorul de palete de culori construiește o paletă de 5 culori pornind de la orice culoare de bază, folosind armoniile din teoria culorilor — complementară, triadică, analogă, complementară divizată, tetradică sau monocromatică — și o exportă ca proprietăți CSS personalizate.
Cum se folosește
- Alege o culoare de bază cu selectorul de culoare.
- Alege un tip de armonie, de exemplu complementară sau triadică.
- Verifică cele cinci mostre generate.
- Apasă Copy as CSS Variables pentru a lipi paleta în foaia de stil.
Bine de știut
- Culorile complementare se află la 180° una de alta pe cercul cromatic; culorile triadice sunt distanțate la 120°.
- Paletele analoge folosesc nuanțe vecine (la aproximativ 30° distanță) și tind să pară calme și coerente.
- Armonia complementară divizată asociază o nuanță de bază cu cele două nuanțe de o parte și de alta a complementarei sale (±30°), oferind contrast cu mai puțină tensiune.
- Paletele monocromatice păstrează o singură nuanță și variază doar saturația și luminozitatea.
- Generatorul lucrează în HSL, care rotește nuanța fără a schimba luminozitatea culorii.
Funcționează complet în browserul tău — nimic din ce introduci nu este încărcat sau salvat.
Întrebări frecvente
Ce este o paletă de culori complementare?
O paletă complementară asociază o nuanță cu cea aflată exact opus pe cercul cromatic (la 180°), cum ar fi albastru și portocaliu. Oferă cel mai puternic contrast dintre toate armoniile.
Câte culori ar trebui să aibă paleta unui site?
Majoritatea interfețelor folosesc o culoare principală, unul sau două accente și un set de nuanțe neutre. O armonie de cinci culori este un bun punct de plecare, pe care îl poți reduce sau extinde cu tinte și umbre.
Care este diferența dintre triadic și tetradic?
Triadic folosește trei nuanțe distanțate egal, la 120°. Tetradic folosește patru nuanțe la 90° una de alta, formând un pătrat pe cerc, ceea ce e mai bogat, dar mai greu de echilibrat.
Pot folosi paleta în CSS sau Tailwind?
Da. Copiază paleta ca proprietăți CSS personalizate și folosește-le cu var() sau lipește valorile hex în culorile temei Tailwind.