# Generator de tonuri de culoare

Generează tonuri ale unei culori amestecând-o cu gri neutru în pași egali, ceea ce reduce saturația fără a modifica nuanța. Introduceți o culoare în orice format CSS, alegeți între 2 și 20 de pași și un spațiu de amestecare, apoi obțineți un tabel cu valori HEX, RGB, HSL și OKLCH pentru fiecare ton, începând cu culoarea originală. Util pentru palete estompate, stări dezactivate, suprafețe discrete și variante de brand mai calme.

## Întrebări frecvente

### Ce este un ton?

Un ton este o culoare amestecată cu gri. Își păstrează nuanța și devine mai estompată, spre deosebire de o tentă, care se amestecă cu alb, sau de o umbră, care se amestecă cu negru.

### Ce gri se folosește?

Griul mediu sRGB #808080, rgb(128 128 128). Prin urmare, culorile deschise devin puțin mai închise, iar cele întunecate puțin mai deschise pe măsură ce se apropie de acesta; pentru a amesteca o culoare cu un alt gri, folosiți Color Mixer și alegeți griul dorit.

### Cum sunt distribuite treptele?

Cu N pași, rândul k amestecă culoarea cu (k - 1) / N gri, așa că 10 pași dau 0%, 10%, 20% și așa mai departe, până la 90%. Primul rând conține întotdeauna culoarea originală, iar griul simplu nu apare niciodată în listă.

### Prin ce diferă un ton de reducerea saturației HSL?

Reducerea saturației HSL păstrează luminozitatea HSL, în timp ce amestecarea cu gri apropie și luminozitatea de valoarea mediană. Astfel, tonurile arată ca și cum culoarea ar fi văzută printr-un filtru gri, fiind potrivite pentru fundaluri estompate și stări dezactivate.

### Care este diferența dintre amestecarea sRGB și OKLab?

Amestecarea sRGB face media valorilor canalelor codificate gamma, metoda clasică folosită în diagramele de tonuri asemănătoare picturii și în Sass mix(). Amestecarea OKLab are loc într-un spațiu perceptual, astfel că croma scade mai uniform de la un pas la altul.

### Ce formate de intrare pot folosi?

Coduri hexazecimale cu sau fără #, nume de culori CSS, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() și cmyk(). Introduceți o singură culoare per rulare.

### Câte tonuri pot genera?

Între 2 și 20 per rulare, implicit 10. Numărul include culoarea originală de pe primul rând.

### Ce valori sunt afișate în tabel?

Pentru fiecare pas, sunt afișate proporția de gri, codul hexazecimal, rgb(), hsl() și oklch() în sintaxa modernă CSS. Canalele RGB sunt numere întregi, procentele HSL au cel mult două zecimale, iar luminozitatea și croma OKLCH au cel mult patru.

### Ce se întâmplă cu culorile transparente și cele cu gamă largă?

Alfa de intrare este păstrată pentru fiecare ton, așa că valorile hexazecimale au apoi 8 cifre. Pașii din afara gamei sunt mapați în sRGB cu algoritmul CSS Color 4 în coloanele HEX, RGB și HSL, în timp ce coloana OKLCH păstrează valoarea nemapată.

### Cum recreez un ton în CSS?

Copiați valoarea hexazecimală sau oklch() ori lăsați browserul să o amestece cu color-mix(in oklab, var(--brand) 70%, #808080) pentru tonul de 30% din setarea OKLab. color-mix() funcționează în toate browserele majore actuale.

Reclama dvs. aici?

[Trimiteți-ne un e-mail](mailto:hi@dennn.is?subject=Publicitate%20pe%20OneClick%20Pro)

[Reclamă Suita de pluginuri pregătită pentru agenți pentru WordPress.](https://sleekwp.com/?ref=oneclickpro)