Salt la conținutul principalSalt la calculator
108 calculatoareRezultate liveSoluții pas cu pas

Instrument Rechnerpilot

Generator de culori

Creează culori aleatorii cu valori HEX, RGB și HSL pentru design și teste – local în browser.

Generatoare

Apasă pe „Generează” pentru a crea culori.

Explicație

Cum funcționează Generator de culori

Generatorul de culori creează culori aleatorii. Pentru fiecare culoare se extrag trei valori aleatorii pentru roșu, verde și albastru (fiecare 0–255), iar din ele se calculează notațiile uzuale HEX, RGB și HSL. HSL descrie aceeași culoare prin nuanță, saturație și luminozitate și facilitează ajustările precise.

Generarea are loc local în browser cu Math.random. Culorile sunt pur aleatorii și neverificate pentru contrast sau accesibilitate.

Limitele acestui instrument

  • Fără verificare de contrast sau WCAG.
  • Fără armonie a paletei (complementară, monocromă etc.).
  • Math.random — nu pentru scopuri de securitate.

Surse

  • CSS Color Module: Definiția notațiilor HEX, RGB și HSL.

Practică

Exemple practice

Paletă de culori

Opt culori aleatorii ca punct de plecare pentru un moodboard de design.

HEX pentru CSS

Valorile HEX pot fi folosite direct în CSS sau în instrumentele de design.

Înțelege HSL

HSL arată nuanța, saturația și luminozitatea — util pentru ajustări precise.

Întrebări frecvente

Întrebări frecvente

Cum sunt generate culorile?

Pentru fiecare culoare se extrag trei valori aleatorii (roșu, verde, albastru, fiecare 0–255) cu Math.random, iar din ele se calculează reprezentările HEX, RGB și HSL.

Sunt culorile accesibile/cu contrast ridicat?

Nu. Culorile sunt pur aleatorii și neverificate pentru contrast, lizibilitate sau conformitate WCAG. Contrastul trebuie asigurat separat.

Reprezintă HEX, RGB și HSL aceeași culoare?

Da. Cele trei valori descriu aceeași culoare în notații diferite; HSL este calculat din valorile RGB și rotunjit în acest proces.

Sunt culorile salvate?

Nu. Culorile sunt generate în browser și extrase din nou la fiecare clic. Nu are loc nicio salvare.

Sfaturi

Bine de știut

  • HEX este potrivit direct pentru CSS și majoritatea instrumentelor de design.
  • HSL facilitează ajustarea intenționată a luminozității și saturației.
  • Culorile aleatorii nu sunt verificate pentru contrast.

Calculatoare asociate

Mai multe instrumente