Miten se toimii
Alkuperäinen värisyöte antaa sRGB-arvon kuusinumeroisena heksadesimaattina merkkijonona. RGB-tripletin kanavat jäsennetään desimaaleihin, ja mukautettu CSS-ominaisuus kirjoitetaan täsmälleen tyylitaulukon odottamalla syntaksilla.
- Käyttää alkuperäistä värisyöttöä, joten se toimii järjestelmän pipetin kanssa, jos selain tukee sitä.
Miksi sillä on merkitystä
Paletti elää Figmassa, CSS:ssä, sähköposteissa ja joskus kankaalla. Jokainen käännösvaihe on mahdollisuus liittää väärä muoto, joten HEX-, RGB- ja mukautetun ominaisuuden kopioiminen yhdessä poistaa luokan vältettäviä virheitä.
Toimiva esimerkki
Valitsemalla #635BFF saadaan rgb(99, 91, 255) ja mukautettu CSS-ominaisuus --color: #635BFF, joka voidaan pudottaa tyylitaulukkoon ja viitata kaikkialla heksadesimaalikoodin toistamisen sijaan.
Yleisiä virheitä
- Värin ja taustan valitseminen erikseen tarkistamatta kontrastia.
- Luotetaan pelkkään sävyyn signaalin tilaan.
- Unohdetaan leijuus- ja tarkennusvaihtoehdot.
Käytännön vinkkejä
Valitse ensin neutraali asteikko ja sitten korostus. Yksi korostusväri ja kolme neutraalia väriä on helpompi pitää yhtenäisenä vaaleissa ja tummissa teemoissa kuin suurempi paletti.
Kuinka käyttää sitä
- Avaa työkalu. Kaikki toimii selaimesi välilehdessä.
- Liitä tai kirjoita syöte ja valitse sitten haluamasi toiminto.
- Tarkista tulos ja kopioi se yhdellä napsautuksella.
Yleisiä kysymyksiä
Voinko valita värin näytöltä?
Jos selain tukee alkuperäistä pipettiä, kyllä. Muussa tapauksessa käytä värinsyöttömallia.
Mitä formaatteja se tuottaa?
HEX, RGB-tripletti ja mukautettu CSS-ominaisuus, jotka voit liittää tyylitaulukkoon.
Onko valittu väri tallennettu?
Ei. Arvo on olemassa vain sivulla, kunnes suljet sen.
Onko tämä työkalu todella ilmainen?
Kyllä. Ei ole tiliä, ei maksumuuria eikä käyttörajaa. Tools Appin rahoittaa aumenso, sen takana oleva studio.
Onko jotain kirjoittamani ladattu?
Ei. Työkalu toimii selaimesi välilehdessä. mitä syötät, sitä ei koskaan lähetetä meille eikä tallenneta.