Milyen színkódokat ad?

HEX, RGB, HSL, HSV, CMYK és OKLCH kódot ugyanahhoz a színhez, másolásra készen.

Kiválaszthatok egy színt a képernyőmről?

Igen, a Kiválasztás a képernyőről funkcióval Chromium-alapú böngészőkben, például Chrome-ban és Edge-ben. A gomb rejtve van, ha a böngésződ nem támogatja.

Ellenőrzi, hogy olvasható-e a szöveg az adott színen?

Igen. Megmutatja a WCAG kontrasztarányt fehérrel és feketével szemben, és AA large, AA, AAA vagy Fails jelöléssel látja el. Kiegészítő, hármas, analóg és monokromatikus színeket is javasol.

Igen. Minden eszköz ingyenesen használható, fiók és bankkártya nélkül. A munka a szervereink helyett a te eszközödön fut, ezért maradhat ingyenes a használata.

Igen. Az iOS és Android jelenlegi mobilböngészőiben fut, telepítés nélkül.

🎨

Ingyenes Színválasztó és paletta generátor

Válasszon színeket, konvertáljon HEX/RGB/HSL között, és generáljon harmonikus palettákat.

A böngésződben futNincs regisztráció, nincs felugró ablakNem szükséges bejelentkezésÖrökre ingyenes

Betöltés után offline is működik

Színválasztó

HEX

HSV

h217°

s76%

v96%

csak megjelenítéshez

RGB

HSL

További formátumok

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 kontraszt

Legközelebbi elnevezett szín: dodgerblue · Itt a fekete szöveg jobban olvasható (5,71:1)

Szöveg fehér alapon3,68:1AA nagy

Szöveg fekete alapon5,71:1AA

Szöveg ezen: #ffffff3,68:1AA nagy

Összehasonlítás másik színnel

Árnyalatok és világosabb változatok (50–950)

Név

Színpaletta

Komplementer

#3b82f6

#f6af3c

Triádikus

#3b82f6

#f63c83

#83f63c

Analóg

#3ce0f6

#3b82f6

#523cf6

Monokróm

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

Gyakori felhasználások

Szín választó web designhozVálassza ki és hozzon létre színeket webhelyéhez — szerezze meg a HEX-, RGB- és HSL-értékeket valamint harmonikus paletták.
Szín választó márkázáshozÉpítse meg márkájának szín paletáját — válassza ki az elsődleges, másodlagos és hangsúly színeket, amelyek együtt működnek.
Szín választó közösségi médiáhozHozzon létre szembetűnő szín paletákat közösségi média bejegyzésekhez, történetekhez és profil designhoz.
Szín választó nyomtatás designhozVálassza ki a nyomtatott anyagok színeit — szóróanyagok, névjegykártyák, brosúrák — pontos szín előnézetekkel.
Szín választó prezentációkhozTervezze meg a diák szín sémáit — válassza ki az olvasható szöveg színét, diagram paletták és konzisztens hangsúly árnyalatait.

Hogyan működik

Minden közvetlenül a böngészőjében fut kézzel írt átváltási matematikával — nincs színkönyvtár, nincs szerver-oda-vissza. A színt a böngésző natív színbevitelén vagy az EyeDropper API-n keresztül választja ki, és az eszköz azonnal hat formátumra váltja, miközben WCAG kontrasztarányokat is számol és harmónia-palettákat generál.

1
Színbevitel natív API-n keresztül
A színt a böngésző beépített <input type="color"> widgetjén keresztül választja ki, vagy — Chromium alapú böngészőkben — az EyeDropper API lehetővé teszi bármely pixel mintavételezését a képernyőjéről. Mindkét út egy hex karakterláncot ad vissza, amely az egyetlen igazságforrássá válik.
2
Kézzel írt formátumátváltások
Az eszköz a hex értéket RGB-re, HSL-re, HSV-re, CMYK-ra és OKLCH-ra alakítja a saját matematikai függvényeivel (nincs külső könyvtár). Az OKLCH átváltás linearizálja az sRGB csatornákat, alkalmazza az OKLab köbgyök-mátrixot, majd levezeti a kromát és az árnyalatszöget — megfelelve a modern CSS Color Level 4 kimenetnek.
3
WCAG kontrasztarány-számítás
A relatív fényerő a linearizált RGB csatornákból kerül kiszámításra a WCAG 2.x képlettel. Az eszköz ezután kiszámítja a kontrasztarányt tiszta fehérrel és tiszta feketével szemben, és AA-large, AA, AAA vagy Fail címkével látja el a WCAG küszöbök szerint (3:1, 4,5:1, 7:1).
4
Harmónia-paletta generálás és helyi mentés
Komplementer, triadikus, analóg és monokromatikus minták a HSL árnyalat- és fényerőértékek forgatásával vagy léptetésével kerülnek levezetésre matematikailag. A mentett paletták a localStorage-ba kerülnek a böngészőjében — semmi nem hagyja el az eszközét.

Kapcsolódó eszközök

🎨

Véletlen színgenerátor

Generálj véletlen színeket egyesével vagy ötös palettaként, zárold a tetszőket, másold a HEX-, RGB- vagy HSL-értékeket, és exportáld a palettát PNG-ként vagy CSS-ként.

Próbálja ki

🎨