Sävyjen ja Varjojen Generaattori

Luo automaattisesti minkä tahansa värin vaaleimmat sävyt ja tummimmat varjot HEX-koodeineen.

🔒 100 % yksityinen ⚡ Ei tiedostojen latausta 🆓 Ilmainen, ei rajoituksia

Kuinka luoda värin sävyjä ja varjoja

1

Valitse perusväri

Valitse lähtöväri visuaalisella valitsimella tai kirjoita sen HEX-koodi.

2

Tarkista sävyt ja varjot

Näet automaattisesti 5 vaaleampaa sävyä (tintoja) ja 5 tummempaa sävyä (varjoja), jotka on luotu värissäsi.

3

Kopioi tarvitsemasi HEX-koodi

Napsauta mitä tahansa värinäytettä kopioidaksesi sen HEX-koodin leikepöydälle.

Usein kysytyt kysymykset sävyjen ja varjojen generaattorista

Värin vaaleampien ja tummempien varianttien hallinta on välttämätöntä johdonmukaisen designpalettin luomiselle (esimerkiksi hover-tiloille, taustaväreille tai reunoille). Tämä työkalu laskee ne automaattisesti.

Mitä eroa on sävy- ja varjotilauksilla (tint ja shade)?

+

Sävy saadaan sekoittamalla väriä valkoisella (vaaleentamalla sitä) ja varjo sekoittamalla sitä mustalla (tummentamalla sitä).

Kuinka monta varianttia se tuottaa?

+

Se tuottaa 5 vaaleampaa sävyä ja 5 tummempaa varjoa perusväristäsi, yhteensä 10.

Voinko kopioida koodit?

+

Kyllä, napsauta mitä tahansa väriä luettelossa kopioiaksesi sen HEX-koodi.

Voiko sitä käyttää Tailwind-tyylisen suunnittelupaleetin luomiseen?

+

Kyllä, se on täsmälleen sama käsite kuin väriskaala 50–900, joita monet suunnittelujärjestelmät käyttävät.

Onko se ilmainen?

+

Kyllä, tämä työkalu on täysin ilmainen.

Lähetetäänkö väri jollekin palvelimelle?

+

Ei, kaikki laskenta tapahtuu suoraan selaimessasi.

Tutustu väreihin perheen mukaan

Yli 469 nimettyä väriä HEX-, RGB-, HSL- ja CMYK-koodeilla, järjestetty 12 sävyperheeseen.

Punaset 50 Oranssit 45 Ruskeat 40 Keltaiset 40 Vihreät 55 Turkoosit 35 Siniset 55 Violetit 45 Rosaat 45 Harmaat 35 Valkoiset 15 Mustat 9 Pastelli 36