# Krāsu piesātinājuma toņa ģenerators

Ģenerējiet krāsas toņus, vienmērīgos soļos sajaucot to ar neitrālu pelēko, tādējādi samazinot piesātinājumu, bet saglabājot nokrāsu. Ievadiet vienu krāsu jebkurā CSS formātā, izvēlieties no 2 līdz 20 soļiem un krāsu sajaukšanas telpu, un iegūstiet tabulu ar HEX, RGB, HSL un OKLCH vērtībām katram tonim, sākot ar sākotnējo krāsu. Noder klusinātām paletēm, atspējotiem stāvokļiem, neuzkrītošām virsmām un mierīgākiem zīmola variantiem.

## Bieži uzdotie jautājumi

### Kas ir tonis?

Tonis ir krāsa, kas sajaukta ar pelēko. Tā saglabā savu nokrāsu un kļūst klusinātāka, atšķirībā no gaišāka toņa, ko iegūst, sajaucot ar balto, vai tumšāka toņa, ko iegūst, sajaucot ar melno.

### Kurš pelēkais tonis tiek izmantots?

sRGB vidējais pelēkais #808080, rgb(128 128 128). Tāpēc gaišas krāsas, tuvojoties tam, kļūst nedaudz tumšākas, bet tumšas — nedaudz gaišākas. Lai sajauktu krāsu ar citu pelēko toni, izmantojiet krāsu jaukšanas rīku un izvēlieties savu pelēko krāsu.

### Kā tiek noteikti soļu intervāli?

Ja soļu skaits ir N, rindā k krāsa tiek sajaukta ar (k - 1) / N daļu pelēkās krāsas, tāpēc 10 soļi dod 0%, 10%, 20% un tā tālāk līdz 90%. Pirmā rinda vienmēr ir sākotnējā krāsa, un tīri pelēkā krāsa sarakstā nekad nav iekļauta.

### Ar ko tonis atšķiras no HSL piesātinājuma samazināšanas?

Samazinot HSL piesātinājumu, HSL gaišums paliek nemainīgs, bet, sajaucot krāsu ar pelēko, gaišums arī tuvojas vidējai vērtībai. Tāpēc toņi izskatās tā, it kā krāsa būtu redzama caur pelēku filtru, un tie ir piemēroti klusinātiem foniem un atspējotiem stāvokļiem.

### Kāda ir atšķirība starp sRGB un OKLab sajaukšanu?

Sajaucot sRGB krāsas, tiek aprēķināta gamma kodēto kanālu vērtību vidējā vērtība — klasiska pieeja krāsu toņu diagrammās, kas līdzinās krāsas sajaukšanai, un Sass mix(). Sajaucot OKLab krāsas, tiek izmantota uztveres telpa, tāpēc krāsainība pakāpeniski samazinās vienmērīgāk.

### Kādus ievades formātus varu izmantot?

Heksadecimālie kodi ar # vai bez tā, CSS krāsu nosaukumi, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() un cmyk(). Katrā palaišanas reizē ievadiet vienu krāsu.

### Cik daudz toņu varu ģenerēt?

No 2 līdz 20 vienā palaišanas reizē; pēc noklusējuma 10. Skaitā ir iekļauta sākotnējā krāsa pirmajā rindā.

### Kādas vērtības tiek rādītas tabulā?

Katram solim tiek norādīta pelēkās krāsas daļa, hex kods, rgb(), hsl() un oklch() mūsdienu CSS sintaksē. RGB kanālu vērtības ir veseli skaitļi, HSL procentiem ir līdz divām zīmēm aiz komata, bet OKLCH gaišumam un krāsainībai — līdz četrām.

### Kas notiek ar caurspīdīgām un plašas krāsu gammas krāsām?

Ievades alfa vērtība tiek saglabāta katram tonim, tāpēc hex kodiem ir 8 cipari. Ārpus krāsu gammas esošie soļi tiek pārveidoti uz sRGB, izmantojot CSS Color 4 algoritmu HEX, RGB un HSL kolonnās, savukārt OKLCH kolonnā tiek saglabāta nepārveidotā vērtība.

### Kā atjaunot toni ar CSS?

Kopējiet hex vai oklch() vērtību, vai ļaujiet pārlūkprogrammai to sajaukt ar color-mix(in oklab, var(--brand) 70%, #808080), lai iegūtu 30% toni ar OKLab iestatījumu. color-mix() darbojas visās pašreizējās lielākajās pārlūkprogrammās.

Jūsu reklāma šeit?

[Rakstiet mums](mailto:hi@dennn.is?subject=Rekl%C4%81ma%20vietn%C4%93%20OneClick%20Pro)

[Reklāma Aģentiem gatavais spraudņu komplekts vietnei WordPress.](https://sleekwp.com/?ref=oneclickpro)