Salt la conținutul principal
LibraTool logoLibraTool

Selector de culori și generator de paletă — gratuit

Alege culori, convertește între HEX/RGB/HSL și generează palete armonioase.

Funcționează offline odată încărcat
HEX
HSV
h217°
s76%
v96%
doar afișare

RGB

r
g
b

HSL

H
S
L

Mai multe formate

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)

Contrast WCAG

Cea mai apropiată culoare cu nume: dodgerblue · Textul negru se citește mai ușor aici (5,71:1)

Text pe alb3,68:1AA mare
Text pe negru5,71:1AA
Text pe #ffffff3,68:1AA mare

Nuanțe și tonuri (50–950)

Paletă de culori

Complementar

#3b82f6
#f6af3c

Triadică

#3b82f6
#f63c83
#83f63c

Analog

#3ce0f6
#3b82f6
#523cf6

Monocromatic

#073c92
#0a5adb
#3b82f6
#85b2f9
#cee0fd

Utilizări frecvente

  • Selector de culori pentru design webSelectați și generați culori pentru site-ul dvs. — obțineți valori HEX, RGB și HSL plus palete armonice.
  • Selector de culori pentru brandingConstruiți paleta de culori a mărcii dvs. — selectați culori primare, secundare și accent care funcționează împreună.
  • Selector de culori pentru rețele socialeCreați palete de culori care atrag atenția pentru postări pe rețele sociale, povești și design de profil.
  • Selector de culori pentru design tipareSelectați culori pentru materiale tipărite — fluturași, cărți de vizită, broșuri — cu previzualizări precise ale culorilor.
  • Selector de culori pentru prezentăriProiectați scheme de culori pentru diapozitive — selectați culoare de text lizibil, palete de diagrame și nuanțe accent consistente.

Cum funcționează

Totul rulează direct în browser-ul tău folosind matematică de conversie scrisă manual — fără bibliotecă de culori, fără călătorie dus-întors la server. Alegi o culoare prin intrarea de culoare nativă a browser-ului sau API-ul EyeDropper, iar unealta o convertește instant în șase formate, calculând totodată rapoartele de contrast WCAG și generând palete de armonie.

  1. 1
    Intrare de culoare prin API nativ
    Alegi o culoare prin widget-ul integrat <input type="color"> al browser-ului, sau — în browsere bazate pe Chromium — API-ul EyeDropper îți permite să eșantionezi orice pixel de pe ecranul tău. Ambele căi returnează un șir hex care devine singura sursă de adevăr.
  2. 2
    Conversii de format scrise manual
    Unealta convertește valoarea hex în RGB, HSL, HSV, CMYK, și OKLCH folosind propriile funcții matematice (fără bibliotecă externă). Conversia OKLCH liniarizează canalele sRGB, aplică matricea cub-rădăcină OKLab, apoi derivă crominanța și unghiul de nuanță — corespunzând ieșirii moderne CSS Color Level 4.
  3. 3
    Calculul raportului de contrast WCAG
    Luminanța relativă este calculată din canalele RGB liniarizate folosind formula WCAG 2.x. Unealta apoi calculează rapoartele de contrast față de alb pur și negru pur și le etichetează AA-mare, AA, AAA, sau Eșec conform pragurilor WCAG (3:1, 4,5:1, 7:1).
  4. 4
    Generarea paletei de armonie și salvare locală
    Eșantioanele complementare, triadice, analoge, și monocromatice sunt derivate prin rotirea sau pășirea matematică a valorilor de nuanță și luminozitate HSL. Paletele salvate sunt scrise în localStorage în browser-ul tău — nimic nu părăsește dispozitivul tău.

Instrumente similare

🎨

Generator de culori aleatorii

Generează culori aleatorii pe rând sau ca paletă de cinci, blochează-le pe cele care îți plac, copiază valori HEX, RGB sau HSL și exportă paleta ca PNG sau CSS.

Încearcă
🎨

Convertor Culori

Convertește culori între formatele HEX, RGB, HSL, HSV și CMYK instant. Include o scară de luminozitate și mostre de culori predefinite.

Încearcă
🎨

Extractor Paletă Culori din Imagine

Extrage culorile dominante din orice imagine folosind cuantizarea culorilor k-means. Obține codurile hex pentru primele 2-16 culori din fotografia sau logo-ul tău.

ÎncearcăFișierele rămân locale

Întrebări frecvente