Ez a színválasztó vizuális színmintával indul, és mellette tartja a pontos számokat. Beilleszthetsz egy CSS hex értéket, például #3366cc, finoman állíthatod a vörös, zöld, kék és alfa csatornát, vagy módosíthatod az árnyalatot, telítettséget és világosságot design system munkához. Semmilyen színérték nem kerül feltöltésre - az átváltások helyben, JavaScriptben történnek.
Ingyenes színválasztó
Teljesen a böngésződben fut - feltöltés és regisztráció nélkül.
Kiválasztva#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%)Mi az a színválasztó?
A színválasztó olyan eszköz, amellyel pontos digitális színt választhatsz, majd kimásolhatod az értékeit designhoz vagy kódhoz. Használd a színmintát, a HEX mezőt, az RGB csúszkákat vagy a HSL vezérlőket, majd másold a HEX, RGB, HSL, HSV vagy CMYK értékeket azonnal. Minden a böngésződben fut.
Így működik
- 1Válassz vagy illessz be színt. Kattints a nagy színmintára a böngésző színválasztójának megnyitásához, vagy illessz be 3, 4, 6 vagy 8 jegyű hex értéket a HEX mezőbe.
- 2Állítsd a csatornákat. Használd az RGB csúszkákat a vörös, zöld, kék és alfa értékhez, vagy szerkeszd az árnyalatot, telítettséget és világosságot, ha designbarátabb vezérlést szeretnél.
- 3Másold a szükséges formátumot. Másold a HEX, HEX8, RGB, HSL, HSV vagy CMYK formátumot egy kattintással. Az előnézet és minden kimenet élőben frissül.
Kinek hasznos
- Front-end fejlesztőknek, akik felületépítés közben CSS-kész HEX, RGB és HSL értékeket másolnak.
- Designereknek, akik egy márkaszínt csatornánként finomítanak, nem grafikai programban találgatnak.
- Marketingcsapatoknak, akik kampányszíneket egyeztetnek e-mail szerkesztők, dokumentumok és közösségi anyagok között.
- Diákoknak és alkotóknak, akik megértik, hogyan írja le az RGB, HSL, HSV és CMYK ugyanazt a színt.
Gyakori kérdések
Ingyenes ez a színválasztó?
Igen. A színválasztó ingyenes, nem kell regisztrálni, és nincs használati korlát. Nyisd meg az oldalt, válassz színt, és másold a szükséges formátumot.
Feltöltődnek valahova a színeim?
Nem. A színválasztó és az átváltások a böngésződben futnak egyszerű JavaScripttel. A kiválasztott színek nem kerülnek szerverre.
Milyen színformátumokat másolhatok?
Másolhatsz HEX-et, 8 jegyű HEX-et alfával, RGB-t vagy RGBA-t, HSL-t vagy HSLA-t, HSV-t és CMYK-t. Az eszköz szerkesztés közben szinkronban tartja őket.
Beilleszthetek hex színt?
Igen. Illessz be 3, 4, 6 vagy 8 jegyű CSS hex értékeket, a # jellel vagy nélküle. A rövidített értékek a szokásos CSS szabályok szerint bővülnek.
Mi az a HEX8?
A HEX8 egy 8 jegyű hex szín, ahol az utolsó pár tárolja az alfa értéket. Például a #3366cc80 ugyanaz a kék, körülbelül 50% átlátszatlansággal.
RGB-t vagy HSL-t használjak CSS-ben?
Használj RGB-t, ha pontos csatornaértékekre vagy rgba() alfára van szükséged. Használj HSL-t, ha világosabb tónusokat, sötétebb változatokat vagy kapcsolódó UI állapotokat akarsz létrehozni a telítettség és világosság módosításával.