Kirjoitin aiemmin HSB-värimallista. HSB:ssä sävy (hue) tarkoittaa suurin piirtein, mikä väri on väriympyrässä. Sittemmin olen pyöritellyt, miten eri värit käyttäytyvät eri tummuisina.
Sävyt vaaleasta tummaan
Joskus värin sävyä täytyy muuttaa, jotta se näyttäisi samalta ihmissilmälle eri tummuisina. Usein sävy muuttuu jopa n. 10 %, kun väri tummuu. Kuva yllä havainnollistaa, miten eri värit tummuvat. Se perustuu Tailwind CSS -väripalettiin.
Alla oleva taulukko kertoo, montako astetta mikäkin sävy liukuu.
Absoluuttiset sävyarvot
Tämä toinen kaavio näyttää värien absoluuttiset sävyarvot. Perusväreistä ainoastaan punaisen sävy pysyy samana eri tummana ja vaaleana.
AI-työnkulku
Piirsin tämän kaavion Figmassa ja rechartsilla. Siirsin sen sitten Cursoriin. Promptasin Cursorissa agentilla visuaalista hienosäätöä ja jaon fronttikoodin komponenteiksi.