Väripyörä

Tämä työkalu renderöi 360-segmenttisen sävyrenkaan HTML-kankaalle ja antaa sinun valita sävyn napsauttamalla tai vetämällä rengasta. Kylläisyys ja kirkkaus asetetaan liukusäätimillä, ja valittu väri näytetään värinäytön kanssa, josta on kopioitavissa HEX-, RGB- ja HSL-merkkijonot. Palauta-painike palauttaa sävyn 0, kylläisyyden 100 ja kirkkauden 50.

1. Napsauta tai vedä värillisen renkaan sisällä asettaaksesi sävyn; rengas piirretään nykyisellä kylläisyydellä ja kirkkaudella. 2. Säädä Sävy (0-360), Kylläisyys (0-100) ja Kirkkaus (0-100) liukusäätimillä tai numeerisilla syötteillä. 3. Seuraa Esikatselu-väriytöstä ja renkaan ilmaisinta päivittyvän suorana. 4. Kopioi HEX, RGB tai HSL käyttämällä Väriarvot-kortin painikkeita. 5. Napsauta Palauta palataksesi oletusarvoihin.

Pyörä on 260px kanvas, joka on piirretty laitteen pikselisuhteessa terävyyden vuoksi, ulkona sävyrenkaalla ja tyhjällä keskellä. Osoittintapahtumat sieppataan, joten veto seuraa kursoria; sisäisen reiän tai ulkorenkaan ulkopuoliset napsautukset ohitetaan. Ympyräilmallin sijaitsee valitussa sävyssä ja on täytetty nykyisellä värillä. Sävy johdetaan osoittimen kulmasta keskipisteeseen nähden, jossa 0° on ylhäällä. Kylläisyys ja kirkkaus muuttavat jokaisen renkaan segmentin värejä, eivät geometriaa.