Transformă o culoare HEX în HSL

Cu HEX către HSL, designerii și dezvoltatorii front-end pot să ajusteze o interfață înainte de implementare. Transformă o culoare HEX în HSL.

Transformă o culoare HEX în HSL. Îl poți folosi gratuit în browser fără cont, apoi poți verifica rezultatul înainte de pasul următor.

Cum se folosește

  1. Introdu un cod hexazecimal valid de culoare în zona de introducere, folosind formatul afișat de interfață.
  2. Rulează conversia pentru a obține componentele HSL corespunzătoare fără nicio configurare suplimentară.
  3. Citește valorile de nuanță, saturație și luminozitate, apoi compară-le cu culoarea originală din designul tău.
  4. Copiază valorile HSL în foaia de stil sau în instrumentul de design și golește câmpul dacă îți partajezi ecranul.

Exemplu

Cu culoarea exemplu, instrumentul ar trebui să returneze o nuanță, o saturație și o luminozitate care corespund codului hexazecimal introdus. Acordă atenție nuanței și luminozității înainte de a adapta o paletă sau o stare de buton.

Date de intrare

#16A34A

Rezultat

hsl(142 76% 36%)

Limite și formate

Unde are loc procesarea

Conversia are loc local în browser. Codul de culoare pe care îl tastezi nu este trimis nicăieri și nu părăsește dispozitivul tău.

Întrebări frecvente

La ce folosesc valorile HSL?

HSL descrie o culoare prin nuanță, saturație și luminozitate. Aceste componente sunt practice pentru ajustarea unei palete, crearea de variante sau explicarea unei culori în documentație.

Pot converti mai multe culori simultan?

Nu, instrumentul lucrează pe valoarea din zona de introducere. Pentru a compara mai multe culori, rulează conversia din nou cu fiecare cod pe rând.

Ce fac dacă rezultatul pare greșit?

Verifică mai întâi că codul hexazecimal este complet și scris corect. O valoare invalidă sau incompletă nu poate fi convertită în componente HSL fiabile.

Instrumentul verifică dacă culoarea are contrast suficient cu textul?

Nu. Instrumentul convertește un cod hexadecimal în componente HSL, dar nu verifică contrastul cu textul și nu evaluează accesibilitatea. De asemenea, nu construiește palete, nu sugerează variante și nu repară un cod hexadecimal invalid. Valorile HSL sunt destinate copierii, așa că verifică formatul exact înainte de a le folosi.

Codul de culoare introdus părăsește dispozitivul?

Nu. Conversia are loc local în browser, iar codul de culoare tastat nu este trimis nicăieri și nu părăsește dispozitivul. Poți încerca mai multe coduri unul după altul. Dacă rezultatul pare greșit, verifică mai întâi dacă codul hexadecimal este complet și scris corect. Corectarea codului este necesară pentru o conversie sigură.

Instrumente din aceeași categorie