Salt la conținut
Actualizare generator de semnătură e-mail – descoperiți noile funcții instrumente
Arteon - logo companie
#MadeWithNext.js
Arteon logo

Instrumente gratuite pentru dezvoltatori web, designeri și marketeri.

Instrumente

  • Editor de imagini
  • Generator de favicon
  • Verificator meta titlu și descriere
  • Contor de cuvinte și caractere
  • Generator Lorem Ipsum
  • Generator de semnătură e-mail
  • Verificator contrast culori
  • Extractor de culori din imagine
  • Generator de palete de culori

Instrumente

  • Generator de coduri QR gratuit
  • pt în px
  • rem în px
  • em în px
  • cm în px
  • mm în px
  • inci în px
  • DPI în PPI
  • HEX în RGB

Instrumente

  • RGB în HSL
  • RGB în CMYK
  • bytes în KB/MB/GB
  • Unix în dată
  • DEC în BIN
  • DEC în HEX
  • Mbps în MB/s
  • vw în px
  • Tailwind CSS în px

Instrumente

  • JPG în WebP
  • PNG în WebP
  • WebP în JPG
  • WebP în PNG
  • PNG în JPG
  • JPG în PNG
  • SVG în PNG
  • BMP în JPG
  • JPG în AVIF

Documente legale

  • Politica de confidentialitate
  • Termeni si conditii
© 2026 Arteon. Toate drepturile rezervate.#MadeWithNext.js

RGB în HSL

Acest convertor calculează instantaneu. Introduceți o valoare și rezultatul apare imediat.

  2. /Instrumente
  3. /RGB în HSL
Loading tool editor...
RGB în HSL – Arteon

Când trebuie să folosiți: RGB în HSL?

HSL (nuanță, saturație, luminozitate) este un mod alternativ de a specifica culorile, mai intuitiv pentru oameni. Nuanța este unghiul culorii (0–360°), saturația este intensitatea culorii (0–100%), iar luminozitatea este cât de deschis/închis (0–100%).

HSL facilitează crearea variațiilor de culoare: ajustați luminozitatea pentru tonuri, saturația pentru versiuni estompate/vii sau deplasați nuanța pentru culori complementare.

CSS suportă nativ hsl(): hsl(14, 100%, 60%) este echivalent cu rgb(255, 87, 51) și #FF5733.

Toate calculele se efectuează local în browserul dumneavoastră.

Cum să utilizați convertorul?

  1. 1. Introduceți valoarea

    Scrieți un număr în câmpul de introducere. Puteți folosi punctul sau virgula ca separator zecimal.

  2. 2. Citiți rezultatul

    Rezultatul conversiei apare instantaneu în câmpul adiacent – fără a da clic.

  3. 3. Copiați sau inversați

    Faceți clic pe Copiați rezultatul sau folosiți butonul Inversați.

Când este util acest convertor?

  1. Managementul culorilor

    Crearea variantelor: modificați L (luminozitate) cu H și S constante.

  2. Dezvoltare web

    hsl(217, 91%, 60%) — notație intuitivă a culorilor.

  3. Mod întunecat

    Schimbarea L de la 95% la 10% creează varianta temei întunecate.

  4. Design

    HSL facilitează crearea paletelor consistente: rotiți H cu 120° = culoare complementară.

Ce face acest convertor special?

  1. Confidențialitate completă

    Toate calculele se fac local, în browserul dvs. Nicio dată nu este trimisă la vreun server.

  2. Rezultate în timp real

    Rezultatul se actualizează instant pe măsură ce tastați – fără a apăsa vreun buton.

  3. Conversie bidirecțională

    Butonul Inversare vă permite să convertiți în ambele direcții cu un singur clic.

  4. Tabel de referință

    Un tabel gata cu valori convertite frecvent și descrieri contextuale.

Cum funcționează conversia?

Normalizați RGB la 0–1. Găsiți Max și Min. L = (max + min) / 2.

HSL este complet reversibil — conversia înapoi la RGB produce exact aceeași culoare.

Sfaturi practice

  • Roșu: hsl(0, 100%, 50%). Verde: hsl(120, 100%, 50%). Albastru: hsl(240, 100%, 50%).
  • Culoare complementară: adăugați 180° la nuanță. Roșu (0°) → Cyan (180°).
  • Luminare: creșteți L%. Întunecare: reduceți L%. L=0% = negru, L=100% = alb.
  • Desaturare: reduceți S%. S=0% = tonuri de gri. S=100% = culoare pură.

RGB vs HSL – comparație

RGB vs HSL – comparație
ProprietateRGBHSL
ModelCanale aditiveNuanță/Saturație/Luminozitate
Valori0–255 per channelH: 0–360°, S/L: 0–100%
IntuitivGreu de prezis culorileUșor de ajustat culorile
Teoria culoriiNu se bazează pe roata culorilorSe mapează pe roata culorilor
Suport CSSrgb(R, G, B)hsl(H, S%, L%)

RGB

  • Model
    Canale aditive
  • Valori
    0–255 per channel
  • Intuitiv
    Greu de prezis culorile
  • Teoria culorii
    Nu se bazează pe roata culorilor
  • Suport CSS
    rgb(R, G, B)

HSL

  • Model
    Nuanță/Saturație/Luminozitate
  • Valori
    H: 0–360°, S/L: 0–100%
  • Intuitiv
    Ușor de ajustat culorile
  • Teoria culorii
    Se mapează pe roata culorilor
  • Suport CSS
    hsl(H, S%, L%)

Convertește RGB în alte unități

RGB în CMYK

Explorează alte convertoare de unități

pt în pxrem în pxem în pxcm în pxmm în pxinci în pxDPI în PPIHEX în RGBbytes în KB/MB/GBUnix în datăDEC în BINDEC în HEXMbps în MB/svw în pxTailwind CSS în px

Întrebări frecvente

Nuanță (unghi 0–360°), Saturație (intensitate 0–100%), Luminozitate (0–100%). Lucru mai intuitiv cu culorile.

Da. Toate calculele se efectuează în browserul dumneavoastră.

RGB în HSL – Arteon

Ajutați-ne să ne îmbunătățim instrumentele

Aveți o idee, ați găsit o eroare sau doriți să sugerați o funcție? Scrieți-ne – răspundem în 24 de ore.