Mikä on väriasteikko
Se on sarja sävyjä, jotka syntyvät yhdestä väristä: lähes valkoisesta versiosta lähes mustaan. Kaikilla on sama perusvärisävy, joten ne sopivat aina yhteen.
Vaaleat, tummat ja murretut sävyt
Vaalea sävy on väri sekoitettuna valkoiseen: vaaleampi ja pehmeämpi. Tumma sävy on väri sekoitettuna mustaan: tummempi ja syvempi. Murrettu sävy on väri sekoitettuna harmaaseen: hillitympi ja tyylikkäämpi.
Näin käytät asteikkoa suunnittelussa
Käytä vaaleita portaita (50–200) taustoihin, keskimmäisiä (400–600) painikkeisiin ja linkkeihin ja tummia (700–950) teksteihin ja reunoihin. Yhdellä asteikolla saat siistin ja yhtenäisen käyttöliittymän.
Usein kysytyt kysymykset
Miten asteikko lasketaan?
Käytämme OKLCH-väriavaruutta, joka jäljittelee sitä, miten silmä havaitsee vaaleuden. Siksi sävyjen väliset portaat näyttävät tasaisilta ilman äkillisiä hyppyjä.
Mitä luvut 50–950 tarkoittavat?
Se on asteikko, jota Tailwind CSS ja monet suunnittelujärjestelmät käyttävät: 50 on vaalein sävy ja 950 tummin. Värisi sijoittuu lukuun, joka sopii sille parhaiten.
Voinko käyttää asteikkoa Tailwindissa tai CSS:ssä?
Voit. Kirjoita nimi, valitse muoto ja kopioi koodi: valmiit CSS-muuttujat liitettäviksi tai värilohko Tailwind-asetuksiin.
Mitä eroa on väriasteikolla ja väripaletilla?
Asteikko on yhden värin sävyjä. Paletti yhdistää eri värejä, jotka sopivat yhteen. Monissa paleteissa on asteikko taustoille ja tekstille sekä yksi tai kaksi korostusväriä.