Milliseid värvikoode see mulle annab?

HEX, RGB, HSL, HSV, CMYK ja OKLCH sama värvi jaoks, valmis kopeerimiseks.

Kas saan värvi oma ekraanilt valida?

Jah, valikuga Vali ekraanilt Chromiumil põhinevates brauserites nagu Chrome ja Edge. Nupp on peidetud, kui sinu brauser seda ei toeta.

Kas see kontrollib, kas tekst on värvi peal loetav?

Jah. See näitab WCAG kontrastisuhet valge ja musta vastu ning märgib selle kui AA large, AA, AAA või Fails. Samuti soovitab see komplementaar-, triaad-, analoog- ja monokromaatilisi värve.

Kas see on tõesti tasuta?

Jah. Iga tööriist on tasuta kasutamiseks, ei nõua kontot ega krediitkaarti. Töö toimub sinu seadmes, mitte meie serverites, mis võimaldabki seda tasuta pakkuda.

Kas see töötab mobiilseadmetes?

Jah. See töötab tänapäevastes mobiilibrauserites iOS-is ja Androidis ning midagi pole vaja installida.

🎨

Värvivalija ja paleti generaator tasuta

Vali värve, teisenda HEX/RGB/HSL vahel ja genereeri harmoonilisi palette.

Töötab sinu brauserisRegistreerimist pole, hüpikaknaid poleSisselogimist ei nõutaIgavesti tasuta

Töötab võrguühenduseta pärast laadimist

Värvi valija

HEX

HSV

h217°

s76%

v96%

ainult kuva

RGB

HSL

Veel formaate

Alfa100%

HEX8#3b82f6ff

RGBrgb(59 130 246)

HWBhwb(217 23% 4%)

CMYKcmyk(76%, 47%, 0%, 4%)

OKLCHoklch(62.3% 0.188 259.8)

SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)

Android0xFF3B82F6

FlutterColor(0xFF3B82F6)

WCAG kontrast

Lähim nimega värv: dodgerblue · Musta teksti on siin lihtsam lugeda (5,71:1)

Tekst valgetaustal3,68:1AA suur

Tekst mustataustal5,71:1AA

Tekst taustal #ffffff3,68:1AA suur

Võrdle teise värviga

Varjundid ja toonid (50–950)

Nimi

Värvpalett

Täiendav

#3b82f6

#f6af3c

Triaadiline

#3b82f6

#f63c83

#83f63c

Analoogia

#3ce0f6

#3b82f6

#523cf6

Ühevärviline

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

Levinud kasutusviisid

Värvivalija veebidisaini jaoksValige ja genereerige värvid oma veebisaidele — hankige HEX, RGB ja HSL väärtused ning harmoonilised paletid.
Värvivalija kaubamärgileLooge oma kaubamärgi värvuste palett — valige esmane, teisene ja rõhuv värvid, mis toimivad koos.
Värvivalija sotsiaalmeedia jaoksLooge atraktiivsed värvuste paletid sotsiaalmeedia postituste, lugude ja profiili kujunduste jaoks.
Värvivalija printimise disaini jaoksValige värvid trükitud materiaalide jaoks — brošüürid, külastuslehe, brošüürid — täpse värvieelvaate abil.
Värvivalija esitlusteleKujundage slaidi värvikombinatsiooni — valige loetavad tekstivärvid, graafikute paletid ja järjepidevad rõhukulud.

Kuidas see töötab

Kõik töötab otse sinu brauseris käsitsi kirjutatud teisendusmatemaatika abil — värviteeki ega serveri ida-tagasit pole. Valid värvi brauseri natiivse värvisisendi või EyeDropper API abil ning tööriist teisendab selle kohe kuude vormingusse, arvutades samal ajal WCAG kontrastisuhteid ja genereerides harmooniapalette.

1
Värvi sisend natiivse API kaudu
Valid värvi brauseri sisseehitatud <input type="color"> vidina kaudu, või — Chromiumi-põhistes brauserites — EyeDropper API laseb sul valida mis tahes pikseli oma ekraanilt. Mõlemad teed tagastavad kuueteistkümnendstringi, millest saab ainus tõeallikas.
2
Käsitsi kirjutatud vorminguteisendused
Tööriist teisendab kuueteistkümnendväärtuse RGB, HSL, HSV, CMYK ja OKLCH kujule, kasutades oma matemaatikafunktsioone (ilma välise teegita). OKLCH teisendus lineariseerib sRGB kanalid, rakendab OKLab kuupjuuremaatriksit, tuletades seejärel kroma ja tooninurga — vastavuses kaasaegse CSS Color Level 4 väljundiga.
3
WCAG kontrastisuhte arvutus
Suhteline heledus arvutatakse lineariseeritud RGB kanalitest WCAG 2.x valemi abil. Tööriist arvutab seejärel kontrastisuhted puhta valge ja musta suhtes ning märgistab need AA-suur, AA, AAA või Ei läbi vastavalt WCAG lävenditele (3:1, 4,5:1, 7:1).
4
Harmoonia paletti genereerimine ja kohalik salvestamine
Komplementaarsed, triaadilised, analoogsed ja monokroomsed näidised tuletatakse matemaatiliselt HSL tooni ja heleduse väärtusi pöörates või astudes. Salvestatud paletid kirjutatakse sinu brauseri localStorage'i — midagi ei lahku su seadmest.

Seotud tööriistad

🎨

Juhuslike värvide generaator

Loo juhuslikke värve ükshaaval või viiest koosneva paletina, lukusta need, mis meeldivad, kopeeri HEX-, RGB- või HSL-väärtused ja ekspordi palett PNG- või CSS-failina.

Proovi järele

🎨