Laipni lūdzam atpakaļ

Izvēlieties, kāda veida objektu pievienot šai kolekcijai

Pievienojiet kolekciju, lai sakārtotu vienumus

Izveidojiet savu pirmo kolekciju, lai sakārtotu krāsas

Pievienojiet šai kolekcijai krāsas, paletes vai gradientus

Kolekcijas vienību skatīšana un pārvaldīšana

Trīs krāsas ar vienādu spilgtumu un piesātinājumu, kuru nokrāsas krāsu ritenī atrodas blakus, 30 grādu attālumā viena no otras. Gludas pārejas.

Krāsu aklums skar aptuveni 1 no 12 vīriešiem un 1 no 200 sievietēm visā pasaulē. Šis simulators palīdz dizaineriem, izstrādātājiem un satura veidotājiem saprast, kā viņu izvēlētās krāsas izskatās cilvēkiem ar dažāda veida krāsu redzes traucējumiem.

Testējot krāsas dažādās krāsu akluma simulācijās, varat nodrošināt, ka jūsu dizains ir pieejams un efektīvs visiem lietotājiem. Šis rīks simulē visbiežāk sastopamos krāsu redzes traucējumu veidus, tostarp protanopiju, deuteranopiju, tritanopiju un pilnīgu krāsu aklumu.

Izpratne par krāsu aklumu

Informācijas nodošanai izmantojiet kontrastus un rakstus, kā arī krāsas.

Labāks dizains

Zildzeltenais aklums (tritanopija)

Krāsu kods

Kontrasta pārbaudītājs

Pārbaudiet, kā krāsu uztver cilvēki ar dažāda veida krāsu aklumu, lai radītu pieejamāku dizainu. Izpratne par krāsu uztveri palīdz nodrošināt, ka jūsu saturs ir pieejams ikvienam.

Gradientu veidotājs

Tikai krāsa nekad nedrīkst būt vienīgais informācijas nodošanas veids. Testēšana ar šo simulatoru palīdz identificēt iespējamās problēmas.

Kāpēc tas ir svarīgi

Izveidojiet bezmaksas kontu, lai simulētu, kā krāsas izskatās cilvēkiem ar dažādu veidu krāsu aklumu.

Pierakstīties, lai piekļūtu akluma simulatoram

Šāda krāsa ir redzama ar normālu krāsu redzi.

Sarkanzaļais-zaļais aklums (protanopija)

Saistītie pieejamības rīki

8 % vīriešu un 0,5 % sieviešu ir kāda veida krāsu redzes traucējumi.

Ietekme

Akluma simulators

Pilnīgs krāsu aklums

Achromatomaly

Achromatopsija

Deuteranomālija

Deuteranopija

Protanomālija

Protanopija

Tritanomālija

Tritanopia

Visizplatītākā ir sarkanzaļā aklums, kas ietekmē sarkano un zaļo krāsu uztveri.

Veidi

Ideāli piemērots lietotāja saskarnes dizainam, datu vizualizācijai, zīmolu veidošanai un jebkuram vizuālajam saturam, kas balstās uz krāsu atšķirībām.

Lietošanas gadījumi

Mūsu uzlabotais krāsu analīzes rīks sniedz visaptverošu ieskatu krāsu īpašībās, harmonijās un psiholoģiskajā iedarbībā. Ideāli piemērots dizaineriem, izstrādātājiem un māksliniekiem, kas vēlas izprast krāsu tehniskos un emocionālos aspektus.

Analizējiet krāsu harmoniju, psiholoģisko ietekmi, tehniskās specifikācijas un pieejamības rādītājus. Pieņemiet pamatotus lēmumus par krāsu izmantošanu projektos, izmantojot uz datiem balstītas atziņas un profesionālus krāsu teorijas lietojumus.

Izpratne par krāsu analīzi

Profesionāla krāsu izpratne un harmonija

Pilnīga krāsu analīze

Vēsā krāsa - mierīga un profesionāla

Analizējiet krāsu īpašības, izmantojot uzlabotas metrikas, tostarp spektrālo sastāvu, krāsu tīrību, metamerisma efektus un uztveres īpašības. Šie rīki sniedz padziļinātu ieskatu par krāsu uzvedību un izskatu dažādos skatīšanās apstākļos.

Būtiski, lai radītu vienotu zīmola identitāti, nodrošinātu krāsu harmoniju dizainā un saglabātu konsekvenci digitālajos un drukātajos plašsaziņas līdzekļos. Mūsu krāsu analīzes rīks sniedz visaptverošu ieskatu profesionāliem dizaineriem.

Dizains un zīmolvedība

Ģenerēt papildu, triadiskās un analogās krāsu shēmas, pamatojoties uz krāsu riteņa attiecībām.

Krāsu harmonijas

Izveidojiet bezmaksas kontu, lai skatītu visaptverošu krāsu analīzi un rādītājus.

Pierakstīties, lai piekļūtu krāsu analīzei

Izpratne par krāsu psiholoģiju un emocionālo ietekmi mārketinga kampaņās. analizēt, kā krāsas ietekmē lietotāju uzvedību un konversijas rādītājus digitālās tirgvedības stratēģijās.

Mārketings un psiholoģija

Piekļuve detalizētām krāsu specifikācijām, tostarp RGB, HSL, LAB vērtībām un spilgtuma aprēķiniem.

Tehniskie rādītāji

Paletes ģenerators

Izpratne par to, kā krāsas izskatās dažādos apgaismojuma apstākļos un dažādām auditorijām.

Vizuālā uztvere

Kā krāsas parādās cilvēka redzei, tostarp to tīrība, dominance un uztveramais spilgtums.

Uztveres īpašības

Profesionālas krāsu analīzes lietojumprogrammas

Izpētīt emocionālās un psiholoģiskās asociācijas, kas ietekmē lietotāju uzvedību un uztveri.

Krāsu psiholoģija

Saistītie krāsu rīki

Precīzi krāsu mērījumi, pamatojoties uz kolorimetriju un spektrālo analīzi tehniskiem lietojumiem.

Zinātniskā analīze

Krāsu analīze

Analizējiet krāsu atbilstību tīmekļa pieejamības prasībām, ģenerējiet CSS krāsu kodus un nodrošiniet optimālu lasāmību. Ideāli piemērots frontend izstrādātājiem, kas pievērš uzmanību lietotāja pieredzei un WCAG vadlīnijām.

Tīmekļa izstrāde

Katrai harmonijai ir sava noskaņa. Izmantojiet harmonijas, lai meklētu krāsu kombinācijas, kas labi sader kopā.

Izmantojiet vienu dominējošo krāsu, atbalstiet to ar sekundāro krāsu un akcentējiet reti.

Nodrošiniet pietiekamu kontrastu, lai nodrošinātu salasāmību un pieejamību.

Krāsām ir jāsadarbojas, lai radītu vienotu vizuālo pieredzi.

Krāsu teorijas principi

Krāsa un tās pretstats krāsu ritenī, +180 grādu nokrāsa. Augsts kontrasts.

Krāsu nozīmes dažādās kultūrās atšķiras, un visā pasaulē tām ir atšķirīga simboliska nozīme.

Kultūra

Izpētiet krāsu mākslinieciskās un psiholoģiskās dimensijas, tostarp sezonālās asociācijas, emocionālo ietekmi, dabas parādības, vēsturiskos pigmentus un krāsu sajaukšanas receptes radošiem lietojumiem.

Izveidojiet bezmaksas kontu, lai izpētītu krāsu radošās un mākslinieciskās dimensijas.

Reģistrējieties, lai piekļūtu Creative Aspects

Dabā sastopamās krāsas iedvesmo dizainu un saista mūs ar vidi.

Daba

Krāsas ietekmē emocijas un uzvedību, izmantojot laika gaitā radušās psiholoģiskās asociācijas.

Psiholoģija

Radošie aspekti

Noklikšķiniet uz jebkuras krāsas, lai nokopētu tās sešciparu vērtību. Ir matemātiski pierādīts, ka šīs kombinācijas rada vizuālu harmoniju.

Krāsu harmonijas rada līdzsvaru un izraisa īpašas emocijas jūsu dizainā.

Iegūstiet noderīgu informāciju par krāsu 123456, piemēram, konversijas, kombinācijas, akluma simulāciju un daudz ko citu.

HTML krāsu atlasītājs: 123456

Trīs vienāda toņa krāsas ar spilgtuma vērtībām +/-50%. Smalks un izsmalcināts.

Terminālu krāsas, baitu kodēšana un datu formāti programmēšanai.

Attīstība

Konvertējiet krāsas uz praktiskiem formātiem reāliem lietojumiem, tostarp drukas simulācijai, LED displejiem, termināla izvadei un datu kodēšanai. Šie formāti palīdz īstenot krāsas dažādos informācijas nesējos, platformās un fiziskās ierīcēs.

Kontrolējiet LED lentes, RGB apgaismojumu un displeja aparatūru ar precīzām vērtībām.

Digitālie displeji

Izveidojiet bezmaksas kontu, lai skatītu un kopētu visas praktiskās krāsu formāta vērtības.

Reģistrējieties, lai piekļūtu Praktiskie formāti

Imitējiet, kā krāsas izskatās, kad tās tiek drukātas ar CMYK tintēm uz fiziskiem datu nesējiem.

Drukāšana un ražošana

Praktiskie formāti

Iegūstiet tūlītēju piekļuvi visiem krāsu formātu pārveidojumiem saviem projektiem.

Piekļuve visiem praktiskajiem formātiem

Tumšākas variācijas, kas izveidotas, bāzes krāsai pievienojot melnu.

Krāsa un divas blakus esošas krāsas, kas to papildina, +/-30 grādu no toņa, kas atrodas pretī galvenajai krāsai. Drosmīgs kā taisns papildinājums, bet daudzpusīgāks.

Izpētiet uzlabotas krāsu telpas attēlojumus un profesionālus krāsu modeļus, ko izmanto video producēšanā, fotogrāfijā, zinātniskajos lietojumos un krāsu pārvaldības sistēmās. Šie tehniskie formāti nodrošina precīzas krāsu specifikācijas specializētām nozarēm un lietojumiem.

Profesionālās darba plūsmās ir nepieciešami īpaši krāsu formāti, lai nodrošinātu konsekvenci dažādās ierīcēs un multivides līdzekļos.

Nozares standarti

Izveidojiet bezmaksas kontu, lai skatītu un kopētu visas tehniskā krāsu formāta vērtības.

Reģistrējieties, lai piekļūtu tehniskajiem formātiem

Tehniskie formāti

Iegūstiet tūlītēju piekļuvi 10+ profesionāliem krāsu formātiem ar precīzām konvertēšanas iespējām un detalizētiem skaidrojumiem.

Atbloķējiet visus tehniskos formātus

Dažādas krāsu telpas ir optimizētas konkrētiem mērķiem - no precīzas krāsu reproducēšanas līdz efektīvai datu saspiešanai.

Kāpēc izmantot tehniskos formātus

Divi papildkrāsu komplekti, kurus šķir 60 grādu nokrāsa.

Gaišākas variācijas, kas izveidotas, bāzes krāsai pievienojot baltu.

Trīs krāsas, kas vienmērīgi izvietotas gar krāsu ratu, katra 120 grādu attālumā viena no otras. Vislabāk ir ļaut dominēt vienai krāsai un pārējās izmantot kā akcentus.

Šīs sadaļas mērķis ir precīzi izveidot izvēlētās krāsas toņus (pievienots tīrs balts) un toņus (pievienots tīrs melns) ar 10% soli.

Šīs variācijas veido vienotas krāsu paletes pamatu. Eksportējiet tās, lai saglabātu konsekvenci visā projektā.

Izmantojiet toņus uznirstošajiem stāvokļiem un ēnām, toņus - izceltajiem elementiem un foniem.

Nosaukums

Sazinieties ar mums

Pielāgojiet slīdņus, lai uzlabotu teksta kontrastu un nodrošinātu labāku lasāmību.

Šis ir parastais pamatteksts. Ātrā brūnā lapsene pārlec pār slinko suni.

Izvēlieties krāsu, izmantojot krāsu atlasītāju teksta un fona krāsai, vai ievadiet krāsu RGB heksadecimālajā formātā (piemēram, #259 vai #2596BE). Varat pielāgot slīdni, lai izvēlētos krāsu. Tīmekļa satura pieejamības vadlīnijās (WCAG) ir īpaša vadlīnija, kas palīdz noteikt, vai teksts ir salasāms redzīgiem lietotājiem. Šis kritērijs izmanto īpašu algoritmu, lai krāsu kombinācijas attēlotu salīdzināmos koeficientos.  Izmantojot šo formulu, WCAG nosaka, ka parastam (pamattekstam) tekstam ir piemērota 4,5:1 krāsu kontrasta attiecība starp tekstu un tā fonu, bet lielam tekstam (18+ pt parasts vai 14+ pt treknraksts) jābūt vismaz 3:1 krāsu kontrasta attiecībai.

Pārbaudiet krāsu kombinācijas, lai pārliecinātos, ka tās atbilst WCAG pieejamības standartiem attiecībā uz teksta lasāmību.

Krāsu kontrasta pārbaudītājs: Izmantojot šo tiešsaistes rīku, varat iegūt informāciju par teksta un fona krāsu kontrasta attiecību 123456. 

Krāsu kontrasta pārbaude: 123456

Tas parāda, kā krāsas izskatās, kad tās ir apgrieztas, un ir noderīgs tumšajam/gausajam režīmam.

Ātrā brūnā lapsa pārlec pār slinko suni

Priekšskatījums Nosaukums

Šis ir neliels teksts, lai pārbaudītu lasāmību.

Tas ir neliels teksts, kas joprojām ir salasāms.

Reģistrējieties, lai bez maksas piekļūtu 5 inteliģentiem krāsu ieteikumiem, kas saglabā dzīvīgumu un vienlaikus atbilst WCAG pieejamības standartiem.

Viedo krāsu ieteikumu atbloķēšana

Uzlabota kontrasta attiecība 7:1 parastam tekstam un 4,5:1 lielam tekstam. Ieteicams optimālai pieejamībai.

Minimālā kontrasta attiecība ir 4,5:1 parastam tekstam un 3:1 lielam tekstam. Nepieciešams lielākajai daļai tīmekļa vietņu.

WCAG atbilstības līmeņi

WCAG vadlīnijas nodrošina satura pieejamību lietotājiem ar redzes traucējumiem.

WCAG standarti

Nepieciešama uzmanība

Lai izmantotu šo funkciju, jums ir nepieciešams izveidot BEZMAKSAS imagecolorpicker kontu. Pēc tam jums būs pieejamas vairākas funkcijas.

Jaunas paletes izveide

Pārvaldiet saglabātās paletes un gradientus

Saglabāto gradientu skatīšana un pārvaldīšana

Jūsu slīpumi

Skatiet un pārvaldiet saglabātās krāsu paletes

Jūsu paletes

Vadības panelis

Paletes rediģēšana

Izveidojiet satriecošus gradientus ar Gradient Maker no imagecolorpicker.com. Izvēlieties no lineāriem un radiāliem gradientiem, pievienojiet vairākas krāsas, pagrieziet gradientu, saglabājiet un kopīgojiet savus veidojumus. Lejupielādējiet tieši CSS kodu un integrējiet gradientus savos projektos.

Gradienta rediģēšana

Nepieciešams gradienta nosaukums

Gradientu veidotājs - Izveidojiet satriecošus lineāros un radiālos gradientus | imagecolorpicker.com

Gradients

Ģenerējiet krāsu kodus, variācijas, harmonijas un pārbaudiet kontrasta attiecību.

Krāsu kodu ģenerators un atlasītājs

Viegli izveidojiet skaistus gradientus - pielāgojiet krāsas, virzienus un eksportējiet savus darbus.

Pārvaldiet un sakārtojiet savas iecienītākās krāsu paletes.

Skatiet un izpētiet šo kopīgo gradientu.

Koplietošanas slīpums

Skatiet un izpētiet šo koplietošanas paleti.

Koplietošanas palete

Mēs pamanījām, ka izmantojat reklāmu bloķētāju. Tas nekas! Jūs varat mūs atbalstīt ar nelielu ziedojumu, lai šis rīks būtu bezmaksas miljoniem lietotāju. Katra kafija palīdz mums uzturēt un uzlabot šo pakalpojumu.

Atklāts reklāmu bloķētājs - tā vietā atbalstiet mūs ar kafiju!

 Lai atlasītu krāsu un iegūtu šī pikseļa HTML krāsas kodu, izmantojiet iepriekš minēto tiešsaistes attēla krāsu atlasītāju. Jūs varat iegūt arī HEX krāsas koda vērtību, RGB vērtību un HSV vērtību. Sadaļā "Izmantot savu attēlu" varat augšupielādēt savu attēlu (piemēram, darbvirsmas ekrānšāviņu), ielīmēt attēlu no starpliktuves, ievietot attēla url tālāk teksta lodziņā. Vai arī izmantojiet tīmekļa vietnes url, kreisajā pusē redzēsiet miniatūru.

Lejupielādējiet attēlu failu. Atbalstītie formāti: ATBALSTĪTIE FORMĀTI: PNG, JPG, JPEG.

Attēlu augšupielāde

Krāsu atlasītājs: Izmantojot šo tiešsaistes rīku, varat augšupielādēt attēlu vai norādīt vietnes URL un iegūt RGB krāsu, HEX krāsu un HSL krāsas kodu. 👍

👍 Krāsu atlasītājs tiešsaistē | HEX krāsu atlasītājs | HTML krāsu atlasītājs

Ja izmantojat Mac vai datoru ar pašreizējo operētājsistēmu un pašreizējo pārlūkprogrammu, varat izmantot šo funkciju. Mēs esam pārbaudījuši Safari, Edge , Firefox un Chrome. Izskats var nedaudz atšķirties.

Šo funkciju varat izmantot 3 reizes bez maksas, pēc tam noskatieties īsu reklāmu, lai to izmantotu vēl 3 reizes. Jūsu atbalsts palīdz mums uzturēt šo rīku bezmaksas vairāk nekā 3 miljoniem lietotāju visā pasaulē.

Noskatieties 15 sekunžu reklāmu, lai turpinātu to izmantot bez maksas

Jūs šo funkciju izmantojāt 3 reizes!

Izveidojiet bezmaksas kontu, lai jebkurā laikā izlaistu reklāmas

Mēs joprojām esam pašā sākumā mūsu krāsu atlases ceļojuma, būs daudz vairāk funkciju, kas nāks, tas ir tā vērts.

Ievadiet savu e-pasta adresi, un mēs jums nosūtīsim drošu saiti, lai pierakstītos.

Nepieciešams paletes nosaukums

Jūs vēl neesat saglabājis krāsu paleti. Saglabājiet vienu, un jūs to atradīsiet šeit.

Krāsu palete, kas tika kopīgota ar jums, vairs neeksistē, iespējams, to ir izdzēsis tās autors. Sazinieties ar personu, no kuras saņēmāt šo saiti.

Palete

Nepieciešams nosaukums

Sniedziet savam projektam nosaukumu un aprakstu

Organizējiet krāsas, paletes un gradientus projektos un kolekcijās.

Mani projekti

Organizējiet savus dizaina līdzekļus projektos

Šī vietne tiek veidota, izmantojot reklāmu. Jums ir bloķētājs. Mēs saprotam, ka jūs neredzēsiet reklāmas. Šīs vietnes uzturēšana un uzturēšana mums maksā naudu. Mēs ļoti priecājamies par katru kafiju!

Tiešsaistes rīks, kas ļauj izvēlēties krāsas no attēliem, vietnēm un ekrāna. Uzreiz iegūstiet HEX, RGB un HSL krāsu kodus.

Tiešsaistes rīks krāsu kodu (HEX, RGB) iegūšanai no attēliem un vietnēm. 100% bezmaksas.

Apbrīnojami cilvēki, kas nesen mums nopirka kafiju. Paldies par jūsu atbalstu!

ImageColorPicker.com

Gradientu veidotājs

Krāsa

Position

Rotation

Tips