Näin valitset värit verkkosivustolle
Käyttöliittymä tarvitsee yleensä vain brändin päävärin, korostusvärin toiminnoille (painikkeet, linkit) ja harmaan skaalan taustoille, reunoille ja tekstille. Ole johdonmukainen: käytä aina samoja HEX-koodeja ja tallenna ne CSS-muuttujiksi.
Kopioi paletti CSS-koodina
Jokaisessa kortissa on painike, joka kopioi kaikkien viiden värin CSS:n. Liitä se tyylitiedostoosi ja nimeä muuttujat projektiisi sopiviksi. Voit myös kopioida yksittäisen värin klikkaamalla sitä.
Kontrasti ja saavutettavuus
Tarkista ennen julkaisua, että teksti on helppo lukea taustaansa vasten. Käytä kontrastin tarkistusta ja varmista, että täytät WCAG-tason AA tai AAA. Se on tärkeää sekä saavutettavuuden että hakukonenäkyvyyden kannalta.
Haluatko luoda oman paletin alusta asti? Kokeile väripaletti-generaattoria, poimi väripaletti kuvasta tai tarkista värien kontrastia.