Liukuväripaletti
Liukuväripaletti etenee tasaisin askelin tummimmasta väristä vaaleimpaan. Se on suora lähtökohta CSS:n `linear-gradient`-arvolle tai suunnittelujärjestelmän väriasteikolle.
Esimerkkipaletti
500#1B1B3A
400#3D348B
300#7678ED
200#B5B2F5
100#EDECFC
Heksakoodit valmiina kopioitaviksi
Asteikko, ei vain värikokoelma
Liukuväripaletissa värien järjestys on tärkeä. Jokainen väri on askel kahden päätepisteen välillä. Siksi se on hyvä lähtökohta numeroiduille suunnittelumuuttujille (100, 200, 300…) ja johdonmukaisille väriasteikoille.
Kopioi suoraan CSS-koodiisi
Vie paletti CSS-muuttujina tai Tailwind-asetuksina. Käytä sitten ääripäitä liukuväriin ja keskimmäisiä askelia taustoihin, reunuksiin ja tiloihin. LFColors luo molemmat muodot yhdellä napsautuksella.
Luo paletti: liukuväri
Ilmainen, ei rekisteröitymistä