Värisävygeneraattori
Generoi vaaleita ja tummia sävyjä mistä tahansa väristä suunnittelujärjestelmiä ja UI-paletteja varten. Tulos HEX-, RGB- tai HSL-muodossa. Ilmainen, 100% selaimessa.
Viite
Mitä ovat tintit ja sävyt?
Väriteoriassa tintti on mikä tahansa väri sekoitettuna valkoiseen (tehden siitä vaaleamman), ja sävy on mikä tahansa väri sekoitettuna mustaan (tehden siitä tummemman). Yhdessä ne muodostavat monokromaattisen paletin — yhden sävyn variaatiot eri kirkkaustasoilla. Tämä työkalu luo täydellisen skaalan valkoisesta perusvärin kautta mustaan, antaen sinulle käyttövalmiin värirampin suunnitteluun ja kehitykseen.
Värisävyjen käyttötapaukset
Suunnittelujärjestelmät — luo 9- tai 11-askelinen sävyskaala brändivärille, noudattaen Tailwind CSS:n (50–950), Material Designin ja useimpien nykyaikaisten suunnittelujärjestelmien käyttämää mallia. UI-komponenttien tilat — käytä vaaleampia tinttejä taustoille ja hover-tiloille, perusväriä ensisijaisille toiminnoille ja tummempia sävyjä tekstille, reunuksille ja aktiivisille tiloille. Datan visualisointi — luo peräkkäisiä vaaleasta-tummaan väriskaaloita koropleettikartoille, lämpökartoille ja kaavioille, joissa intensiteetti edustaa suuruutta. Saavutettavuus — etsi sävypareja, jotka täyttävät WCAG-kontrastisuhdevaatimukset (4,5:1 tavalliselle tekstille, 3:1 suurelle tekstille).
Miten sävyt luodaan
Sävyt luodaan lineaarisesti interpoloimalla RGB-väriavaruudessa valkoisesta (#FFFFFF) perusvärin kautta mustaan (#000000). N sävylle perusväri sijoittuu skaalan keskipisteeseen. Jokainen askel sekoittuu tasaisesti, tuottaen johdonmukaisen kirkkausetenemisen. Tulos on saatavilla HEX-, RGB- ja HSL-muodoissa — kopioi yksittäisiä arvoja tai koko paletti kerralla.
Tietosuoja
Kaikki laskelmat suoritetaan 100% selaimessasi. Tietoja ei lähetetä millekään palvelimelle.