See värvivalija alustab visuaalsest värvilaigust ja hoiab täpsed numbrid kohe kõrval. Võid kleepida CSS-i heksvärvi, näiteks #3366cc, muuta punase, rohelise, sinise ja alfa kanalit või häälestada tooni, küllastust ja heledust disainisüsteemi tööks. Värviväärtusi ei laadita üles - teisendused toimuvad kohapeal JavaScriptis.
Tasuta värvivalija
Töötab täielikult sinu brauseris - midagi ei laadita üles, kontot pole vaja.
Valitud#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Mis on värvivalija?
Värvivalija on tööriist täpse digitaalse värvi valimiseks ja selle väärtuste kopeerimiseks kujunduse või koodi jaoks. Kasuta värvilaiku, HEX-välja, RGB-liugureid või HSL-juhtelemente ning kopeeri HEX-, RGB-, HSL-, HSV- või CMYK-väärtused kohe. Kõik töötab sinu brauseris.
Kuidas kasutada
- 1Vali või kleebi värv. Klõpsa suurel värvilaigul, et avada brauseri värvivalija, või kleebi HEX-väljale 3-, 4-, 6- või 8-kohaline heksväärtus.
- 2Muuda kanaleid. Kasuta RGB-liugureid punase, rohelise, sinise ja alfa jaoks või muuda tooni, küllastust ja heledust, kui vajad kujundustööks mugavamat juhtimist.
- 3Kopeeri vajalik vorming. Kopeeri HEX, HEX8, RGB, HSL, HSV või CMYK ühe klõpsuga. Eelvaade ja kõik väljundid uuenevad kohe.
Kellele see sobib
- Front-end arendajad, kes kopeerivad liideseid ehitades CSS-i jaoks valmis HEX-, RGB- ja HSL-väärtusi.
- Disainerid, kes täpsustavad brändivärvi kanalite kaupa, mitte ei arva seda graafikaprogrammis.
- Turundustiimid, kes peavad kampaaniavärvid samaks hoidma e-kirjades, dokumentides ja sotsiaalmeedia materjalides.
- Õppijad ja sisuloojad, kes tahavad näha, kuidas RGB, HSL, HSV ja CMYK kirjeldavad sama värvi.
Korduvad küsimused
Kas see värvivalija on tasuta?
Jah. Värvivalija on tasuta, registreerimist pole vaja ja kasutuspiirangut ei ole. Ava leht, vali värv ja kopeeri vajalik vorming.
Kas minu värvid laaditakse kuhugi üles?
Ei. Värvivalija ja teisendused töötavad sinu brauseris tavalise JavaScriptiga. Valitud värve ei saadeta serverisse.
Milliseid värvivorminguid saan kopeerida?
Saad kopeerida HEX-i, alfaga 8-kohalist HEX-i, RGB- või RGBA-väärtust, HSL- või HSLA-väärtust, HSV-d ja CMYK-d. Tööriist hoiab need muutmise ajal sünkroonis.
Kas saan kleepida heksvärvi?
Jah. Kleebi 3-, 4-, 6- või 8-kohalised CSS-i heksväärtused koos sümboliga # või ilma. Lühiväärtused laiendatakse tavaliste CSS-i reeglite järgi.
Mis on HEX8?
HEX8 on 8-kohaline heksvärv, mille viimane paar salvestab alfa. Näiteks #3366cc80 on sama sinine umbes 50% läbipaistvusega.
Kas CSS-is tasub kasutada RGB-d või HSL-i?
Kasuta RGB-d, kui vajad täpseid kanaliväärtusi või alfat funktsiooniga rgba(). Kasuta HSL-i, kui tahad luua varjundeid, tumedamaid toone või seotud UI-olekuid küllastust ja heledust muutes.