Krāsu atlasītājs
Izvēlieties jebkuru krāsu no attēla un uzreiz iegūstiet HEX, RGB, HSL, HSV un CMYK kodus.
Augšupielādējiet attēlu, lai izvēlētos krāsu
Velciet, ielīmējiet vai pārlūkojiet — PNG, JPG, WEBP vai GIF
Padoms: attēlu var arī ielīmēt ar Ctrl/Cmd + V
Krāsu kodi
Tuvākais krāsas nosaukums: Royal Blue
Krāsu harmonijas
Kontrasta pārbaude (WCAG)
Parauga teksts
Saglabātās krāsas
Vēl nav saglabātu krāsu — izvēlieties vienu un nospiediet „Saglabāt krāsu“.
Krāsu atlasītājs ir bezmaksas rīks, kas ļauj noklikšķināt uz jebkura attēla pikseļa un uzreiz uzzināt tā precīzo krāsu. Rīks noder tīmekļa dizainā, front-end izstrādē, druka sagatavošanā un pieejamības pārbaudēs — visur, kur nepieciešams precīzi noteikt vai saskaņot krāsu no fotoattēla, logotipa vai ekrānuzņēmuma.
Rīks ir pilnībā bezmaksas un darbojas tieši jūsu pārlūkprogrammā — attēls netiek augšupielādēts nekādā serverī, tāpēc jūsu dati paliek privāti. Vienā vietā iegūstiet HEX, RGB, HSL, HSV un CMYK kodus, izgūstiet krāsu paleti no visa attēla, ģenerējiet saskaņotas krāsu harmonijas un pārbaudiet WCAG kontrastu starp teksta un fona krāsām.
Kā izvēlēties krāsu no attēla
- 1
Augšupielādējiet attēlu
Augšupielādējiet vai ievelciet attēlu rīkā — atbalstīti ir PNG, JPG, WEBP un GIF formāti.
- 2
Noklikšķiniet ar pipeti
Noklikšķiniet ar pipeti uz jebkura attēla pikseļa, lai atlasītu tieši to krāsu, kas jums nepieciešama.
- 3
Nolasiet krāsu kodus
Nolasiet un ar vienu klikšķi nokopējiet atlasītās krāsas HEX, RGB, HSL, HSV un CMYK kodus.
- 4
Iegūstiet paleti
Iegūstiet visa attēla dominējošo krāsu paleti — noderīgi zīmola vai dizaina krāsu shēmas izveidei.
- 5
Ģenerējiet krāsu harmonijas
Ģenerējiet saskaņotas krāsu harmonijas — papildkrāsas, triādes, tetrādes vai analoģiskās kombinācijas.
- 6
Pārbaudiet kontrastu un saglabājiet
Pārbaudiet WCAG kontrasta attiecību starp izvēlētajām krāsām un saglabājiet vai eksportējiet savu paleti.
HEX, RGB, HSL, HSV un CMYK skaidrojums
Viena un tā pati krāsa tiek pierakstīta atšķirīgi atkarībā no tā, vai to izmanto tīmeklī, ekrānā, dizaina programmā vai drukā — zemāk redzams katra formāta piemērs un tipiskākais lietojums.
| Model | Example | Best for |
|---|---|---|
| HEX | #3B82F6 | Tīmeklis un CSS |
| RGB | rgb(59, 130, 246) | Ekrāni |
| HSL | hsl(217, 91%, 60%) | Intuitīva pielāgošana |
| HSV | hsv(217, 76%, 96%) | Dizaina rīki |
| CMYK | cmyk(76%, 47%, 0%, 4%) | Druka |
Tīmekļa un UI dizains
Precīzi nosakiet mājaslapas vai lietotnes elementu krāsas no atsauces attēla vai konkurentu dizaina, lai saglabātu vienotu un profesionālu vizuālo stilu visā projektā.
Front-end izstrāde (CSS mainīgie)
Nokopējiet HEX vai RGB kodu tieši CSS mainīgajos vai stilu failos — ietaupiet laiku, ko citādi patērētu, minot vai pielāgojot krāsu vērtības manuāli.
Druka un zīmolvedība (CMYK)
Pirms materiālu nodošanas drukai pārbaudiet CMYK vērtības, lai zīmola krāsas uz papīra izskatītos tāpat, kā tās izskatās ekrānā.
Pieejamība (WCAG kontrasts)
Pārbaudiet, vai teksta un fona krāsu kombinācija atbilst WCAG AA vai AAA kontrasta prasībām, lai saturs būtu salasāms cilvēkiem ar redzes traucējumiem.
Salīdzinājums
Salīdzinājumā ar imagecolorpicker.com mūsu rīks piedāvā vairāk krāsu formātu un papildu funkcijas dizaineriem un izstrādātājiem — bez reklāmām.
| Krāsu modeļi | HEX, RGB, HSL, HSV un CMYK | Galvenokārt HEX un RGB |
| CMYK drukai | Iekļauts | Nav pieejams |
| WCAG kontrasta pārbaude | Iebūvēta | Nav pieejama |
| Krāsu harmonijas | Automātiski ģenerētas | Nav pieejamas |
| Reklāmas | Nav | Ir |
Biežāk uzdotie jautājumi
Kā izvēlēties krāsu no attēla?
Augšupielādējiet attēlu rīkā, tad noklikšķiniet ar pipeti uz vēlamā pikseļa — krāsas HEX, RGB, HSL, HSV un CMYK vērtības parādīsies uzreiz un tās var nokopēt ar vienu klikšķi.
Kas ir HEX krāsu kods?
HEX kods ir seškāršu ciparu un burtu virkne (piemēram, #3B82F6), kas apzīmē krāsas sarkanā, zaļā un zilā kanāla vērtības. Tas ir visbiežāk izmantotais formāts tīmekļa dizainā un CSS.
Kā RGB pārveidot uz HEX?
Augšupielādējiet attēlu vai ievadiet krāsu, un rīks automātiski parādīs atbilstošo HEX kodu blakus RGB vērtībai — nekāda manuāla pārrēķināšana nav nepieciešama.
Kā izveidot krāsu paleti no fotoattēla?
Augšupielādējiet fotoattēlu un izmantojiet paletes izgūšanas funkciju — rīks automātiski noteiks attēla dominējošās krāsas un izveidos gatavu paleti, ko var saglabāt vai eksportēt.
Kā pārbaudīt krāsu kontrastu pieejamībai?
Izvēlieties teksta un fona krāsu kontrasta pārbaudītājā — rīks aprēķinās kontrasta attiecību un parādīs, vai tā atbilst WCAG AA un AAA standartiem dažādiem teksta izmēriem.
Vai šis rīks ir bezmaksas un privāts?
Jā, rīks ir pilnībā bezmaksas un visa attēlu apstrāde notiek tieši jūsu pārlūkprogrammā — attēli netiek augšupielādēti nevienā serverī, tāpēc jūsu dati paliek privāti.
