Hae HEX-väri kuvasta

Lataa kuva ja klikkaa mitä tahansa pikseliä saadaksesi sen HEX-värikoodin, joka on heti valmis liitettäväksi CSS- tai HTML-koodiin.

Vedä kuva tähän ja liikuta osoitinta sen päällä poimiaksesi värin.

Kuvasi pysyy laitteellasi – se luetaan selaimessa eikä sitä koskaan ladata BroBroGo-palvelimelle.

UKK

Miten saan kuvassa olevan värin HEX-koodin?

Lataa kuva ja liikuta osoitinta sen päällä tai klikkaa pikseliä – suurennuslasi auttaa osumaan tarkasti oikeaan kohtaan. HEX-koodi (kuten #4f46e5) näkyy heti, ja voit kopioida sen yhdellä klikkauksella.

Mikä on HEX-värikoodi?

HEX-koodi ilmaisee värin #-merkillä ja sitä seuraavalla kuudella heksadesimaalimerkillä – kaksi merkkiä kullekin päävärille (punainen, vihreä ja sininen), kuten esimerkiksi #4f46e5. Se on muoto, jota CSS, HTML ja useimmat suunnittelutyökalut käyttävät.

Voinko saada myös RGB- ja HSL-arvot, enkä vain HEX-koodia?

Kyllä – jokainen poimimasi pikseli näyttää RGB- ja HSL-arvonsa HEX-koodin rinnalla, ja jokainen niistä on kopioitavissa yhdellä klikkauksella.

Kuvan värivalitsinPoimi mikä tahansa pikseli kuvasta ja lue sen HEX-, RGB- ja HSL-arvot tarkan suurennuslasin avulla.VärimuunninMuunna värejä muotojen HEX, RGB, HSL, HSV, CMYK ja LAB välillä – muokkaa mitä tahansa kenttää ja muut päivittyvät reaaliajassa.KontrastilaskuriSyötä tekstin ja taustan väri nähdäksesi WCAG-kontrastisuhteen ja sen, mitkä AA- ja AAA-tasot hyväksytään.