Farge-toner og nyanser

Dette verktøyet genererer fargetoner (lysere varianter) og sjatteringer (mørkere varianter) av en grunnfarge ved å trinnvis justere HSL-lysheten mot henholdsvis 100 % og 0 %. Du velger antall trinn (5–20) og klikker på en hvilken som helst fargeprøve for å kopiere hex-verdien. Fargetoner holder fargetone (hue) og metning konstante og øker lysheten; sjatteringer senker den.

1. Velg en Grunnfarge med fargevelgeren eller hex-inndatafeltet. 2. Sett Trinn-glidebryteren mellom 5 og 20. 3. Fargetoner-kortet viser lysere varianter (hver merket med hex og trinnprosent); Sjatteringer-kortet viser mørkere varianter. 4. Klikk på en hvilken som helst fargeprøve for å kopiere hex-verdien; et hakeikon bekrefter kopieringen.

Grunnfargen konverteres til HSL. For trinn `i` av N setter en fargetone `L = baseL + (100 - baseL) * (i / N)` og en sjattering setter `L = baseL - baseL * (i / N)`, med fargetone og metning holdt konstante. Prosent-etiketten er `round((i / N) * 100)`, som representerer fremgang gjennom rampen snarere enn lyshetsverdien. Den resulterende HSL-en konverteres tilbake til RGB og deretter til hex for visning.