Selector de culori (HEX, RGB, HSL, OKLCH)
Alege o culoare pe pătratul saturație–luminozitate sau tastează HEX, RGB, HSL ori OKLCH. Toate formatele rămân sincronizate, cu scară tint/shade, pipetă (Chromium) și palete exportabile în CSS și JSON.
Cum alegi și exporți culori
1. Trage pe pătrat și pe glisorul de nuanță sau lipește HEX/RGB/HSL/OKLCH.
2. Citește HEX, RGB, HSL și OKLCH sincronizate în bară.
3. Apasă o nuanță sau un eșantion de armonie pentru culori înrudite.
4. Copiază o valoare, un link ?hex= sau exportă variabile CSS / JSON.
Exemple de selector de culori
Terracotta de brand #8F665E
Selectorul HSV păstrează nuanța când întuneci pentru hover. Exportă --color și --shade-* ca variabile CSS.
Paletă analogă pentru dashboard
Alege Analoage pentru nuanțe ±30° și ±60°. Copiază banda ca custom properties pentru carduri și grafice.
OKLCH pentru trepte uniforme
Rampa variază luminozitatea OKLCH, mai uniform decât amestecul HEX cu alb. Folosește oklch() în CSS modern.
Când să folosești acest instrument
• Când alegi culori UI și ai nevoie de HEX, RGB, HSL și OKLCH odată.
• Când generezi stări hover/muted dintr-o nuanță de brand.
• Când exporți o paletă mică (armonie + rampă) în variabile CSS.
Armonii pentru palete UI
Complementarele stau la 180° — contrast puternic, folosește-le rar pe CTA. Analoagele (±30–60°) unifică un dashboard. Triadele și tetradele dau mai multă varietate; scade saturația extra-urilor ca primary-ul să rămână dominant. Verifică textul cu testerul de contrast WCAG.
Întrebări frecvente
HEX vs RGB vs HSL vs OKLCH?
HEX și RGB sunt aceeași culoare sRGB. HSL e util pentru nuanță/luminozitate. OKLCH e perceptual: pași L similari arată mai uniform, iar oklch() e CSS modern valid.
Pipeta funcționează în orice browser?
API-ul EyeDropper există în Chromium (Chrome, Edge). Altfel tastează o valoare sau folosește selectorul vizual.
Pot partaja o culoare?
Da. URL-ul se actualizează cu ?hex=RRGGBB. Copiază linkul ca să redeschizi aceeași culoare.
Culorile ajung pe un server?
Nu. Conversia, armoniile și exportul rulează local în browser.