Värvivalija
Vali pildilt mis tahes värv ja saa kohe HEX, RGB, HSL, HSV ja CMYK koodid.
Laadi üles pilt, et värvi valida
Lohista, kleebi või sirvi — PNG, JPG, WEBP või GIF
Nõuanne: pildi saab kleepida ka klahvidega Ctrl/Cmd + V
Värvikoodid
Lähim värvinimi: Royal Blue
Värviharmooniad
Kontrasti kontroll (WCAG)
Näidistekst
Salvestatud värvid
Salvestatud värve pole veel — vali üks ja vajuta „Salvesta värv“.
Värvivalija ehk pipetitööriist on abivahend, millega saad pildilt või fotolt valida mis tahes värvi ja saada kohe selle täpse koodi erinevates formaatides. Tööriist sobib veebidisaineritele, kes vajavad täpset värvitooni saidi kujundusele, arendajatele, kes otsivad CSS-i jaoks õiget HEX- või RGB-väärtust, trükiettevõtetele, kellel on vaja CMYK-väärtusi materjalide tootmiseks, ning kõigile, kes soovivad kontrollida teksti ja tausta kontrastsust ligipääsetavuse nõuete täitmiseks.
See värvivalija on täiesti tasuta ja töötab otse sinu brauseris, ilma et pilt kunagi serverisse üles laetaks — seega on sinu andmed ja kujundused kogu aeg privaatsed. Ühe klõpsuga saad kätte värvi HEX-, RGB-, HSL-, HSV- ja CMYK-koodid, eraldada pildilt terve värvipaleti, genereerida sobivad värviharmooniad ning kontrollida WCAG kontrastsuhet.
Kuidas valida värvi pildilt
- 1
Laadi pilt üles
Lohista pilt tööriista aknasse, kleebi see lõikelaualt (Ctrl/Cmd + V) või sirvi see arvutist. Toetatud on PNG, JPG, WEBP ja GIF failid.
- 2
Klõpsa pipetiga soovitud piksel
Liigu hiirega üle pildi ja klõpsa täpselt sellel pikslil, mille värvi soovid teada saada. Suumitud vaade aitab valida täpselt õige punkti.
- 3
Loe ja kopeeri värvikood
Tulemuste paneelil kuvatakse kohe valitud värvi HEX-, RGB-, HSL-, HSV- ja CMYK-koodid. Klõpsa mis tahes väärtusel, et see lõikelauale kopeerida.
- 4
Eralda pildilt värvipalett
Kasuta paleti eraldamise funktsiooni, et tööriist leiaks automaatselt kogu pildi domineerivad värvid ja koostaks neist kasutatava paleti.
- 5
Genereeri värviharmooniad
Vali valitud põhivärvi juurde sobivad kaasvärvid — vastandvärv, analoogne, triaad, tetraad, jagatud vastandvärv või monokromaatiline skaala.
- 6
Kontrolli kontrastsust ja salvesta palett
Kontrolli teksti- ja taustavärvi kontrastsust WCAG standardi järgi ning salvesta oma lemmikvärvid ja paletid hilisemaks kasutamiseks või ekspordiks.
HEX, RGB, HSL, HSV ja CMYK selgitatud
Sama värvi saab kirjeldada mitmel erineval viisil, olenevalt sellest, kus seda kasutatakse — veebis, disainiprogrammis või trükis. Alljärgnev tabel selgitab levinumaid värvimudeleid ja seda, millal kumbagi kasutada.
| Model | Example | Best for |
|---|---|---|
| HEX | #3B82F6 | Veeb ja CSS |
| RGB | rgb(59, 130, 246) | Ekraanid ja digitaalne kuvamine |
| HSL | hsl(217, 91%, 60%) | Intuitiivne värvi kohandamine |
| HSV | hsv(217, 76%, 96%) | Disainitööriistad |
| CMYK | cmyk(76%, 47%, 0%, 4%) | Trükis |
Veebi- ja UI-disain
Disainerid vajavad sageli täpset värvitooni olemasolevalt kujunduselt, logolt või inspiratsioonipildilt. Värvivalijaga saab kiiresti tuvastada brändi värvid ja kasutada neid järjepidevalt kogu kasutajaliideses.
Front-end arendus
Arendajad saavad valitud värvi HEX- või RGB-koodi otse CSS-muutujatesse kopeerida, ilma et peaks värve käsitsi arvama või kolmandate programmide vahel liikuma. See kiirendab kujunduse ja koodi vastavusse viimist.
Trükis ja bränding
Trükitööde jaoks on vaja CMYK-väärtusi, kuna trükipressid kasutavad ekraanist erinevat värviruumi. Värvivalija näitab kohe õige CMYK-väärtuse, et brändi värvid jääksid trükituna samaks.
Ligipääsetavus
Teksti ja tausta piisav kontrastsus on ligipääsetava veebi alus. Sisseehitatud WCAG kontrastikontroll näitab kohe, kas valitud värvipaar vastab AA või AAA nõuetele.
Võrdlus
Paljud värvivalijad, näiteks imagecolorpicker.com, piirduvad ainult värvi väljalugemisega. Meie tööriist pakub täielikumat funktsioonide komplekti ilma reklaamideta.
| Värvimudelid | HEX, RGB, HSL, HSV ja CMYK | Ainult HEX ja RGB |
| CMYK trükiks | Jah, sisseehitatud | Ei |
| WCAG kontrasti kontroll | Jah, sisseehitatud | Ei |
| Värviharmooniad | Automaatselt genereeritud | Ei |
| Reklaamid | Ei ole | Palju reklaame |
Korduma kippuvad küsimused
Kuidas valida värvi pildilt?
Laadi pilt tööriista üles, klõpsa pipetiga soovitud pikslil ja tulemuste paneelil kuvatakse kohe selle värvi HEX-, RGB-, HSL-, HSV- ja CMYK-koodid, mida saab ühe klõpsuga kopeerida.
Mis on HEX värvikood?
HEX-kood on kuuekohaline kombinatsioon numbritest ja tähtedest (nt #3B82F6), mis kirjeldab värvi punase, rohelise ja sinise komponendi kaudu. Seda kasutatakse peamiselt veebilehtede ja CSS-i kujunduses.
Kuidas teisendada RGB värv HEX-koodiks?
Vali soovitud värv värvivalijaga või sisesta RGB-väärtus käsitsi, ning tööriist arvutab ja kuvab automaatselt vastava HEX-koodi, mida saab kohe kopeerida ja kasutada.
Kuidas luua värvipalett fotolt?
Laadi foto üles ja kasuta paleti eraldamise funktsiooni — tööriist analüüsib kogu pildi ja koostab automaatselt pildi domineerivatest värvidest kasutatava paleti, mida saab salvestada või eksportida.
Kuidas kontrollida värvikontrasti ligipääsetavuse jaoks?
Vali teksti- ja taustavärv kontrasti kontrolli tööriistas ning see arvutab kontrastsuhte ja näitab, kas kombinatsioon vastab WCAG AA või AAA ligipääsetavuse nõuetele nii tavalise kui suure teksti puhul.
Kas tööriist on tasuta ja privaatne?
Jah, värvivalija on täiesti tasuta ilma piiranguteta. Kogu töötlus toimub sinu enda brauseris ning ühtegi pilti ei laadita serverisse üles, mistõttu jäävad sinu failid ja kujundused alati privaatseks.
