Värinvalitsin verkossa

Tietoa verkkopohjaisesta värinvalitsimesta
Tällä verkkopohjaisella värinvalitsimella voit poimia värin tuodusta kuvasta, valita värin näytöltä selaimen tukiessa toimintoa tai syöttää väriarvon käsin. Valittu väri muunnetaan heti yleisiin muotoihin, kuten HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV ja CMYK, joten voit kopioida tarvitsemasi arvon samalla sivulla.

• Ominaisuudet
Värin poiminta kuvasta: Valitse paikallinen kuva ja siirrä osoitin kuvan päälle esikatsellaksesi lähellä olevia pikseleitä. Poimi nykyinen väri napsauttamalla kuvaa.

Kuvan väripaletin poiminta: Kun kuva on tuotu, työkalu muodostaa tiiviin paletin kuvan pääväreistä. Värit voi kopioida tai asettaa nykyiseksi väriksi.

Pikselitason hienosäätö: Kun olet valinnut värin kuvasta, voit säätää valitun pikselin sijaintia tarkemmin nuolinäppäimillä.

Näytöltä poimiva värinvalitsin: Valitse väri näytöltä selaimen omalla värinvalitsimella, kun selain tukee tätä toimintoa.

Käsinsyöttö: Syötä väri käsin värivalitsimella tai HEX / HEXA -arvona, kuten #2563EB tai #2563EBFF.

Useat värimuodot: Muunna valittu väri HEX-, HEXA-, RGB-, RGBA-, HSL-, HSLA-, HSV- ja CMYK-muotoihin.

Yhteensopivat värit: Luo nykyisestä väristä vastaväri, lähivärejä, kolmisointuvärejä, pehmeitä vaalennuksia ja hillittyjä sävyjä.

Vaaleat ja tummat sävyt: Luo käytännöllinen vaaleasta tummaan etenevä väriasteikko taustoja, reunuksia, hover-tiloja, tunnisteita ja käyttöliittymäkomponentteja varten.

Tekstin kontrasti ja käyttöliittymäpari: Vertaa valkoista ja mustaa tekstiä WCAG-kontrastin avulla, näytä APCA-tyyppinen havaintopohjainen viitearvo ja ehdota mukavampaa käyttöliittymäparia, kun kylläinen väri tarvitsee tummemman tai vaaleamman taustan.

CSS-muuttujat: Kopioi käyttövalmiit CSS-muuttujat nykyiselle värille, vaaleille ja tummille muunnelmille, luettavalle tekstivärille sekä suositellulle käyttöliittymän tausta- ja tekstiparille.

Selaimessa tapahtuva käsittely: Kuvan lukeminen, värin poiminta, väripaletin muodostaminen ja värimuunnokset tehdään suoraan selaimessa ilman erillisen sovelluksen asentamista.

• Huomioitavaa
Näytöltä poiminta riippuu selaimen tuesta. Jos selain ei tue näytöltä värin poimintaa, voit silti käyttää kuvasta poimintaa tai käsinsyöttöä.

Kun poimit värejä kuvasta, kuva voidaan skaalata sivulle sopivaksi, mutta näytteeksi otettu väri kohdistetaan takaisin alkuperäisen kuvan pikselisijaintiin.

Tekstin kontrasti lasketaan valitusta yhtenäisestä väristä. Jos teksti näkyy liukuvärin, valokuvan, läpinäkyvyyden tai kuvioidun taustan päällä, tarkista lopullinen ulkoasu myös silmämääräisesti.

APCA-tyyppinen arvo annetaan havaintopohjaisena viitteenä WCAG-kontrastin rinnalla. Tällä sivulla WCAG-kontrasti toimii edelleen saavutettavuuden hyväksytty / hylätty -tarkistuksena.

Käyttöliittymissä, asiakirjoissa, kuvissa tai painotuotteissa käytettyjen värien lopullinen ulkoasu voi vaihdella näyttöasetusten, väriprofiilien, tiedostomuotojen ja tulostus- tai näyttölaitteiden mukaan.

:wiki_link