Krāsu atlasītājs

Kā lietot krāsu atlasītāju

1. Noklikšķiniet uz parauga zem Izvēlieties krāsu, lai atvērtu pārlūkprogrammas krāsu atlasītāju, un izvēlieties krāsu. Varat arī ievadīt vai ielīmēt vērtību laukā Krāsas kods: HEX kodu, piemēram, #1E90FF, rgb(30, 144, 255), hsl(210 100% 56%) vai CSS nosaukumu, piemēram, tomato.
2. Lielais priekšskatījums atjaunojas uzreiz, un HEX kods ir uzrakstīts melnā vai baltā krāsā – atkarībā no tā, kas uz šī fona labāk salasāms.
3. Sadaļā Krāsu kodi nokopējiet vajadzīgo formātu ar blakus esošo pogu Kopēt: HEX, RGB, HSL, HSV vai CMYK.
4. Noklikšķiniet uz Nejauša krāsa, kad vajag iedvesmu, vai uz Izvēlēties no ekrāna (pārlūkprogrammās, kas to atbalsta, piemēram, Chrome un Edge), lai paņemtu jebkuru ekrāna pikseli, arī citos logos.

Viss notiek jūsu pārlūkprogrammā: neviena krāsa vai attēls netiek nekur sūtīts.

Ko nozīmē katrs krāsas kods

• HEX ir sešciparu heksadecimālais pieraksts, ko lieto HTML un CSS. Katrs ciparu pāris ir viens kanāls (sarkans, zaļš, zils) no 00 līdz FF, tātad #1E90FF nozīmē sarkans 30, zaļš 144, zils 255.
• RGB dod tos pašus trīs kanālus kā decimālskaitļus no 0 līdz 255. To sagaida lielākā daļa dizaina programmu un programmēšanas bibliotēku.
• HSL apraksta krāsu ar nokrāsu (leņķis no 0° līdz 360° krāsu aplī), piesātinājumu un gaišumu. Tas ir ērti, lai krāsu padarītu gaišāku vai tumšāku, mainot tikai vienu skaitli.
• HSV (saukts arī par HSB) izmanto nokrāsu, piesātinājumu un vērtību (spilgtumu). Tas ir modelis aiz krāsu kvadrātiem programmās Photoshop, Figma un daudzos citos redaktoros.
• CMYK izsaka krāsu kā ciāna, fuksīna, dzeltenās un melnās tintes procentus.

Par CMYK vērtībām

CMYK kodi ir vienkāršota konvertācija: K = 1 − max(R, G, B), pēc tam C = (1 − R − K) / (1 − K), un tāpat M un Y. Šī ir standarta mācību grāmatu formula, taču tā neizmanto ICC profilu. Īstā druka ir atkarīga no iekārtas, papīra un tintēm, tāpēc tipogrāfija konvertēs jūsu krāsas ar savu profilu un rezultāts var atšķirties. Izmantojiet šos skaitļus kā sākumpunktu, nevis kā pierādījumu drukai.

Kontrasta attiecību lasīšana

Zem HEX koda priekšskatījums rāda Kontrasts uz balta un Kontrasts uz melna, aprēķinātu pēc WCAG 2 relatīvā spilgtuma formulas. Parastam pamattekstam AA līmenī vajadzīga attiecība 4,5:1 vai augstāka, bet lielam tekstam un saskarnes elementiem – 3:1. Ja jūsu krāsa uz balta sasniedz tikai 3:1, paturiet to lieliem virsrakstiem vai ikonām, bet tekstam izmantojiet tumšāku toni.

Padomi

• HEX kodus varat ielīmēt bez #: darbojas arī 1e90ff, kā arī īsās formas, piemēram, f60.
• Vērtības ar caurspīdīgumu, piemēram, rgb(0 0 0 / 50%), tiek pieņemtas; atlasītājs parāda necaurspīdīgo krāsu.
• Pārlūkprogrammas krāsu dialoglodziņš dažādās sistēmās atšķiras. Ja vajag precīzu vērtību, ievade laukā Krāsas kods vienmēr ir precīza.