# Krāsu jaukšanas rīks

Sajauciet divas krāsas izvēlētā krāsu telpā un attiecībā, tāpat kā to dara CSS color-mix(). Ievadiet divas krāsas jebkurā CSS formātā, iestatiet otrās krāsas daļu no 0 līdz 100 procentiem un izvēlieties OKLab, OKLCH, Lab, LCH, sRGB, lineāro sRGB, Display P3, HSL, HWB vai XYZ. Rezultāts tiek attēlots kā HEX, RGB, HSL un OKLCH vērtība, kā arī gatava color-mix() izteiksme stila lapai.

## Bieži uzdotie jautājumi

### Kā darbojas daudzuma iestatījums?

Daudzums ir 2. krāsas daļa maisījumā. Pie 0% tiek atgriezta 1. krāsa, pie 100% — 2. krāsa, bet pie 50% rezultāts ir pa vidu starp tām izvēlētajā krāsu telpā. Tas atbilst color-mix(in space, color1 (100 - p)%, color2 p%).

### Kuru krāsu telpu izvēlēties?

Noklusējuma izvēle OKLab ir uztverei vienmērīga un palīdz izvairīties no duļķainiem vai tumšiem vidustoniem. sRGB sajauc gamma kodētos kanālus tāpat kā vecākas pārlūkprogrammas un Sass, tāpēc piesātinātu krāsu maisījumi ir tumšāki un blāvāki. Lab ir senāka CIE uztveres telpa; tā darbojas līdzīgi OKLab, taču zilie toņi ir mazāk vienmērīgi.

### Kā darbojas krāsu telpas, kuru pamatā ir nokrāsa?

OKLCH, LCH, HSL un HWB interpolē nokrāsu pa īsāko krāsu apļa loku — tas ir CSS noklusējuma iestatījums. Tāpēc vidustonis saglabā piesātinājumu un var būt košāks par abām ievades krāsām. Ja viena krāsa ir neitrāls pelēkais tonis bez nokrāsas, tiek izmantota otras krāsas nokrāsa.

### Kam paredzēts lineārais sRGB un XYZ?

Abās krāsu telpās gaismas intensitātes tiek sajauktas lineāri, tāpat kā pārklājas gaismas stari, tāpēc vidustonis izskatās gaišāks nekā sRGB. Tās noder fiziski pamatotiem efektiem un tam, lai panāktu izpludinātu vai sajauktu pikseļu izskatu.

### Kā tiek apstrādāta caurspīdība?

Tāpat kā CSS color-mix(), jaukšanas rīks veic interpolāciju ar iepriekš reizinātu alfa vērtību, tāpēc caurspīdīga krāsa nevirza maisījumu melnās krāsas virzienā. Pati alfa vērtība tiek interpolēta tādā pašā proporcijā un tiek attēlota hex koda 8. ciparā un aiz slīpsvītras CSS funkcijās.

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

Hex kodi ar # vai bez tā, CSS krāsu nosaukumi, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() telpas, piemēram, display-p3, un cmyk() — jebkādā kombinācijā. Katras krāsas garums var būt līdz 100 rakstzīmēm.

### Kas notiek, ja rezultāts ir ārpus sRGB gammas?

Sajaucot krāsas Display P3, OKLCH vai LCH krāsu telpā, var iegūt krāsas, ko sRGB nespēj attēlot. Tās HEX, RGB un HSL kolonnās tiek pārveidotas uz sRGB, izmantojot CSS Color 4 algoritmu, un rezultātam tiek pievienota piezīme, savukārt OKLCH vērtība saglabā nepārveidoto krāsu.

### Kā izmantot color-mix() izteiksmi?

Ielīmējiet to jebkurā CSS īpašībā, kas pieņem krāsu. Izteiksme norāda ievades krāsas pēc hex koda vai, ievadēm ar plašu gammu, pēc oklch(), tāpēc pārlūkprogramma pārrēķina to pašu maisījumu. color-mix() darbojas visās pašreizējās Chrome, Edge, Firefox un Safari versijās.

### Cik precīzs ir rezultāts?

Daudzums ir vesels procentu skaitlis, un maisījums tiek aprēķināts ar pilnu precizitāti, izmantojot culori bibliotēku. RGB kanālu vērtības tiek noapaļotas līdz veseliem skaitļiem, HSL procenti — līdz divām zīmēm aiz komata, bet OKLCH gaišums un krāsainība — līdz četrām, tāpēc pārlūkprogrammu rezultāti pēdējā ciparā var atšķirties par vienu.

### Kā iegūt vairākus soļus starp divām krāsām?

Izmantojiet jaukšanas rīku ar dažādiem daudzumiem, piemēram, 25%, 50% un 75%. Lai izveidotu pilnu skalu virzienā uz balto, melno vai pelēko, krāsu gaišāku toņu, tumšāku toņu un toņu ģeneratori izveido visus soļus vienā tabulā.

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)