Színválasztó (HEX, RGB, HSL, OKLCH)
Válassz színt a telítettség–fényerő négyzeten, vagy írj HEX, RGB, HSL vagy OKLCH értéket. Minden formátum szinkronban marad, tint/shade skálával, pipettával (Chromium) és CSS/JSON exporttal.
Hogyan válassz és exportálj színeket
1. Húzd a négyzeten és a hue csúszkán, vagy illessz be HEX/RGB/HSL/OKLCH értéket.
2. Olvasd a szinkron HEX, RGB, HSL és OKLCH értékeket a sávon.
3. Kattints egy árnyalatra vagy harmónia-mintára a rokon színekhez.
4. Másold az értéket, a ?hex= linket, vagy exportálj CSS-változókat / JSON-t.
Színválasztó példák
Márka terracotta #8F665E
A HSV választó megtartja a hue-t, miközben hoverre sötétítesz. Exportáld a --color és --shade-* értékeket CSS-változóként.
Analóg dashboard paletta
Válaszd az Analógot ±30° és ±60° hue-khoz. Másold a sávot custom property-ként kártyákhoz és grafikonokhoz.
OKLCH az egyenletes lépésekhez
A rampa az OKLCH világosságot változtatja, egyenletesebben, mint a HEX fehérrel keverése. Használj oklch()-t modern CSS-ben.
Mikor használd ezt az eszközt
• Amikor UI-színeket választasz, és HEX, RGB, HSL és OKLCH kell egyszerre.
• Amikor egy márka-hue-ból hover/muted árnyalatokat készítesz.
• Amikor egy kis palettát (harmónia + rampa) CSS-változókba exportálsz.
Harmóniák UI-palettákhoz
A komplementerek 180°-ra vannak — erős kontraszt, CTA-n spórolva. Az analóg (±30–60°) összehúz egy dashboardot. A triád és tetrád több változatot ad; csökkentsd az extra telítettséget, hogy a primary vezessen. A szöveget ellenőrizd a WCAG kontraszteszterrel.
Gyakori kérdések
HEX vs RGB vs HSL vs OKLCH?
A HEX és az RGB ugyanaz az sRGB szín. A HSL hue/világossághoz praktikus. Az OKLCH perceptuális: hasonló L-lépések egyenletesebbek, az oklch() érvényes modern CSS.
A pipetta minden böngészőben működik?
Az EyeDropper API Chromiumban (Chrome, Edge) van. Máshol írj értéket, vagy használd a vizuális választót.
Megoszthatom a színt?
Igen. Az URL ?hex=RRGGBB-vel frissül. Másold a linket ugyanahhoz a színhez.
A színek szerverre mennek?
Nem. Az átalakítás, a harmóniák és az export helyben fut a böngészőben.