Sveiki sugrįžę

Pasirinkite, kokio tipo elementą įtraukti į šią kolekciją

Pridėkite kolekciją, kad galėtumėte tvarkyti savo elementus

Prekė sėkmingai įtraukta į kolekciją

Sukurkite pirmąją kolekciją spalvoms tvarkyti

Pridėkite spalvų, palečių arba gradientų prie šios kolekcijos

Peržiūrėkite ir tvarkykite kolekcijos elementus

Trys to paties ryškumo ir sodrumo spalvos, kurių atspalviai spalvų rate yra greta, 30 laipsnių atstumu viena nuo kitos. Sklandūs perėjimai.

Visame pasaulyje spalvinis aklumas pasireiškia maždaug 1 iš 12 vyrų ir 1 iš 200 moterų. Šis simuliatorius padeda dizaineriams, programuotojams ir turinio kūrėjams suprasti, kaip jų pasirinktos spalvos atrodo žmonėms, turintiems įvairių formų spalvinio regėjimo sutrikimų.

Išbandydami spalvas įvairiomis spalvinio aklumo simuliacijomis, galite užtikrinti, kad jūsų dizainas būtų prieinamas ir veiksmingas visiems naudotojams. Šiuo įrankiu imituojami dažniausiai pasitaikantys spalvinio regėjimo trūkumo tipai, įskaitant protanopiją, deuteranopiją, tritanopiją ir visišką spalvinį aklumą.

Spalvų aklumo supratimas

Informacijai perteikti naudokite ne tik spalvas, bet ir kontrastą bei raštus.

Geresnis dizainas

Mėlynai geltonas aklumas (tritanopija)

Spalvų kodas

Kontrasto tikrintuvas

Patikrinkite, kaip spalvą suvokia žmonės, turintys įvairių tipų spalvinį aklumą, kad sukurtumėte prieinamesnį dizainą. Supratimas apie spalvų suvokimą padeda užtikrinti, kad jūsų turinys būtų prieinamas visiems.

Gradiento kūrėjas

Vien tik spalva niekada neturėtų būti vienintelis informacijos perteikimo būdas. Bandymai su šiuo simuliatoriumi padeda nustatyti galimas problemas.

Kodėl tai svarbu

Sukurkite nemokamą paskyrą ir imituokite, kaip spalvos atrodo žmonėms, turintiems įvairių tipų spalvinį aklumą.

Užsiregistruokite, kad galėtumėte naudotis aklumo simuliatoriumi

Taip spalva atrodo esant normaliam spalviniam regėjimui.

Raudonai žalias aklumas (protanopija)

Susiję prieinamumo įrankiai

8 proc. vyrų ir 0,5 proc. moterų turi tam tikrą spalvinio matymo trūkumą.

Poveikis

Aklumo simuliatorius

Visiškas spalvų aklumas

Achromatomalija

Achromatopsija

Deuteranomalija

Deuteranopija

Protanomalija

Protanopia

Tritanomalija

Tritanopia

Dažniausiai pasitaiko raudonai-žalias aklumas, turintis įtakos raudonos ir žalios spalvos suvokimui.

Tipai

Puikiai tinka vartotojo sąsajos dizainui, duomenų vizualizavimui, prekės ženklo kūrimui ir bet kokiam vizualiniam turiniui, kuris priklauso nuo spalvų skirtumo.

Naudojimo atvejai

Mūsų pažangus spalvų analizės įrankis suteikia išsamią informaciją apie spalvų savybes, harmoniją ir psichologinį poveikį. Puikiai tinka dizaineriams, kūrėjams ir menininkams, norintiems suprasti techninius ir emocinius spalvų aspektus.

Analizuokite spalvų dermę, psichologinį poveikį, technines specifikacijas ir prieinamumo rodiklius. Priimkite pagrįstus sprendimus dėl spalvų naudojimo projektuose, naudodamiesi duomenimis pagrįstomis įžvalgomis ir profesionaliu spalvų teorijos taikymu.

Spalvų analizės supratimas

Profesionalios spalvų įžvalgos ir harmonija

Išsami spalvų analizė

Analizuokite spalvų savybes, naudodami pažangius rodiklius, įskaitant spektrinę sudėtį, spalvų grynumą, metamerizmo poveikį ir suvokimo charakteristikas. Šie įrankiai suteikia gilių įžvalgų apie spalvų elgseną ir išvaizdą skirtingomis žiūrėjimo sąlygomis.

Būtina kurti darnius prekės ženklo identitetus, užtikrinti spalvų dermę dizaine ir išlaikyti nuoseklumą skaitmeninėje ir spausdintinėje žiniasklaidoje. Mūsų spalvų analizės įrankis profesionaliems dizaineriams suteikia išsamias įžvalgas.

Dizainas ir prekės ženklo kūrimas

generuoti papildomas, triadines ir analogiškas spalvų schemas pagal spalvų rato ryšius

Spalvų harmonijos

Sukurkite nemokamą paskyrą ir peržiūrėkite išsamią spalvų analizę ir rodiklius.

Užsiregistruokite, kad galėtumėte pasiekti spalvų analizę

Supraskite spalvų psichologiją ir emocinį poveikį rinkodaros kampanijoms. Analizuokite, kaip spalvos veikia naudotojų elgseną ir konversijos rodiklius skaitmeninės rinkodaros strategijose.

Rinkodara ir psichologija

Prieiga prie išsamių spalvų specifikacijų, įskaitant RGB, HSL, LAB vertes ir skaisčio skaičiavimus

Techniniai rodikliai

Paletės generatorius

Suprasti, kaip spalvos atrodo esant skirtingam apšvietimui ir įvairioms auditorijoms.

Vizualinis suvokimas

Kaip spalvos atrodo žmogaus regėjimui, įskaitant grynumą, dominavimą ir suvokiamą ryškumą.

Suvokimo savybės

Profesionalios spalvų analizės programos

ištirti emocines ir psichologines asociacijas, kurios daro įtaką naudotojų elgsenai ir suvokimui.

Spalvų psichologija

Susiję spalvų įrankiai

Tikslūs spalvų matavimai, pagrįsti kolorimetrija ir spektrine analize, skirti techninėms reikmėms.

Mokslinė analizė

Spalvų analizė

Analizuokite spalvas, ar jos atitinka žiniatinklio prieinamumo reikalavimus, generuokite CSS spalvų kodus ir užtikrinkite optimalų įskaitomumą. Puikiai tinka priekinės dalies kūrėjams, besirūpinantiems naudotojo patirtimi ir WCAG gairėmis.

Interneto svetainių kūrimas

Kiekviena harmonija turi savo nuotaiką. Naudokite harmonijas, kad sugalvotumėte spalvų derinius, kurie gerai dera tarpusavyje.

Naudokite vieną dominuojančią spalvą, palaikykite ją antrine, o akcentus dėkite retai.

Užtikrinkite pakankamą kontrastą, kad tekstas būtų įskaitomas ir prieinamas.

Spalvos turėtų derėti tarpusavyje, kad sukurtų vientisą vizualinę patirtį.

Spalvų teorijos principai

Spalva ir jos priešingybė spalvų rate, +180 atspalvio laipsnių. Didelis kontrastas.

Spalvų reikšmės įvairiose kultūrose skiriasi ir visame pasaulyje turi skirtingą simbolinę reikšmę.

Kultūra

Susipažinkite su meniniais ir psichologiniais spalvų aspektais, įskaitant sezonines asociacijas, emocinį poveikį, gamtos reiškinius, istorinius pigmentus ir spalvų maišymo receptus kūrybai.

Sukurkite nemokamą paskyrą ir tyrinėkite kūrybinius ir meninius spalvų aspektus.

Užsiregistruokite, kad galėtumėte pasiekti "Creative Aspects

Natūraliai pasitaikančios spalvos įkvepia dizainą ir susieja mus su aplinka.

Gamta

Spalvos daro įtaką emocijoms ir elgsenai dėl per ilgą laiką susiformavusių psichologinių asociacijų.

Psichologija

Kūrybiniai aspektai

Spustelėkite bet kurią spalvą, kad nukopijuotumėte jos šešiaženklę vertę. Matematiškai įrodyta, kad šie deriniai sukuria vizualinę harmoniją.

Spalvų dermės sukuria pusiausvyrą ir sukelia tam tikras emocijas jūsų dizaine.

Gaukite naudingos informacijos apie spalvas 123456, pvz., konversijas, derinius, aklumo modeliavimą ir kt.

HTML spalvų rinkiklis: 123456

Trys to paties atspalvio spalvos, kurių šviesumo vertės +/-50 %. Subtilus ir rafinuotas.

Terminalo spalvos, baitų kodavimas ir duomenų formatai programavimui.

Plėtra

Konvertuokite spalvas į praktiškus formatus, skirtus realiam naudojimui, įskaitant spausdinimo imitavimą, LED ekranus, terminalo išvestį ir duomenų kodavimą. Šie formatai padeda įgyvendinti spalvas įvairiose laikmenose, platformose ir fiziniuose įrenginiuose.

Valdykite LED juosteles, RGB apšvietimą ir ekrano įrangą, naudodami tikslias vertes.

Skaitmeniniai ekranai

Sukurkite nemokamą paskyrą, kad galėtumėte peržiūrėti ir kopijuoti visas praktines spalvų formato vertes.

Užsiregistruokite, kad gautumėte prieigą prie praktinių formatų

Imituokite, kaip spalvos atrodo spausdinant CMYK dažais ant fizinės laikmenos.

Spausdinimas ir gamyba

Praktiniai formatai

Gaukite tiesioginę prieigą prie visų spalvų formatų konversijų savo projektams.

Prieiga prie visų praktinių formatų

Tamsesni variantai sukuriami į pagrindinę spalvą pridedant juodos spalvos.

Spalva ir dvi gretimos spalvos, +/-30 laipsnių atspalvio nuo vertės, priešingos pagrindinei spalvai. Drąsus kaip tiesioginis papildymas, bet universalesnis.

Išnagrinėkite pažangias spalvų erdvės reprezentacijas ir profesionalius spalvų modelius, naudojamus vaizdo įrašų gamyboje, fotografijoje, mokslinėse programose ir spalvų valdymo sistemose. Šiuose techniniuose formatuose pateikiamos tikslios spalvų specifikacijos specializuotoms pramonės šakoms ir taikomosioms programoms.

Profesionalioms darbo eigoms reikalingi konkretūs spalvų formatai, kad būtų užtikrintas nuoseklumas įvairiuose įrenginiuose ir laikmenose.

Pramonės standartai

Sukurkite nemokamą paskyrą, kad galėtumėte peržiūrėti ir kopijuoti visas technines spalvų formato vertes.

Užsiregistruokite, kad galėtumėte naudotis techniniais formatais

Techniniai formatai

Gaukite tiesioginę prieigą prie 10+ profesionalių spalvų formatų su tiksliu konvertavimu ir išsamiais paaiškinimais.

Atrakinti visus techninius formatus

Skirtingos spalvų erdvės optimizuotos konkretiems tikslams - nuo tikslaus spalvų atkūrimo iki efektyvaus duomenų glaudinimo.

Kodėl verta naudoti techninius formatus

Du papildomų spalvų rinkiniai, kuriuos skiria 60 laipsnių atspalvis.

Šviesesni variantai sukuriami į pagrindinę spalvą pridedant baltos spalvos.

Trys spalvos, tolygiai išdėstytos išilgai spalvų rato, kurių atspalviai skiriasi 120 laipsnių. Geriausia, kad viena spalva dominuotų, o kitos būtų naudojamos kaip akcentai.

Šio skyriaus tikslas - tiksliai sukurti pasirinktos spalvos atspalvius (pridedama grynos baltos spalvos) ir atspalvius (pridedama grynos juodos spalvos) 10 % tikslumu.

Šie variantai sudaro darnios spalvų paletės pagrindą. Eksportuokite jas, kad visame projekte išlaikytumėte nuoseklumą.

Naudokite atspalvius užsklandos būsenoms ir šešėliams, o atspalvius - šviesoms ir fonams.

Pavadinimas

Susisiekite su mumis

Sureguliuokite šliaužiklius, kad pagerintumėte teksto kontrastą ir jis būtų geriau įskaitomas.

Tai įprastas pagrindinis tekstas. Greita rudoji lapė peršoka tinginį šunį.

Pasirinkite spalvą naudodami spalvų rinkiklį teksto ir fono spalvai arba įveskite spalvą RGB šešioliktaine forma (pvz., #259 arba #2596BE). Spalvai parinkti galite reguliuoti slankiklį. Žiniatinklio turinio prieinamumo gairėse (WCAG) yra specialios gairės, padedančios išsiaiškinti, ar tekstas yra įskaitomas regintiems naudotojams. Pagal šį kriterijų naudojamas tam tikras algoritmas, pagal kurį spalvų deriniai atvaizduojami į palyginamus santykius.  Pagal šią formulę WCAG nurodo, kad įprastam (pagrindiniam) tekstui tinka 4,5:1 teksto ir jo fono spalvų kontrasto santykis, o dideliam tekstui (18+ pt įprastam arba 14+ pt paryškintam) turėtų būti taikomas bent 3:1 spalvų kontrasto santykis.

Išbandykite spalvų derinius, kad įsitikintumėte, jog jie atitinka WCAG teksto įskaitomumo standartus.

Spalvų kontrasto tikrintuvas: Naudodamiesi šiuo internetiniu įrankiu galite gauti išsamią informaciją apie teksto ir fono spalvų kontrasto santykį 123456. 

Spalvų kontrasto tikrintuvas: 123456

Taip parodoma, kaip spalvos atrodo apverstos, tai naudinga tamsiam ir šviesiam režimui.

(≥ 18pt arba ≥ 14pt paryškintu šriftu)

Greita rudoji lapė peršoka tinginį šunį

Peržiūra Pavadinimas

Tai nedidelės apimties tekstas, skirtas įskaitomumui patikrinti.

Tai nedidelis tekstas, kuris vis tiek turėtų būti įskaitomas.

Nemokamai užsiregistruokite ir gaukite prieigą prie 5 pažangių spalvų pasiūlymų, kurie išlaiko gyvybingumą ir kartu atitinka WCAG prieinamumo standartus.

Išmaniųjų spalvų pasiūlymų atrakinimas

Patobulintas kontrasto santykis - 7:1 įprastam tekstui ir 4,5:1 dideliam tekstui. Rekomenduojama siekiant optimalaus prieinamumo.

Mažiausias kontrasto santykis 4,5:1 įprastam tekstui ir 3:1 dideliam tekstui. Būtinas daugumoje svetainių.

WCAG atitikties lygiai

WCAG gairės užtikrina, kad jūsų turinys būtų prieinamas naudotojams, turintiems regos sutrikimų.

WCAG standartai

Pasiektas maksimalus 10 spalvų skaičius

Reikia dėmesio

Norėdami naudotis šia funkcija, turite susikurti NEMOKAMĄ "imagecolorpicker" paskyrą. Vėliau galėsite naudotis daugiau funkcijų.

Sukurti naują paletę

Tvarkykite išsaugotas paletes ir gradientus

Peržiūrėkite ir tvarkykite išsaugotus gradientus

Jūsų gradientai

Peržiūrėkite ir tvarkykite išsaugotas spalvų paletes

Jūsų paletės

Prietaisų skydelis

Redaguoti paletę

Kurkite nuostabius gradientus naudodami Gradient Maker iš imagecolorpicker.com. Pasirinkite linijinius ir radialinius gradientus, pridėkite kelias spalvas, pasukite gradientą, išsaugokite ir bendrinkite savo kūrinius. Tiesiogiai atsisiųskite CSS kodą ir sklandžiai integruokite gradientus į savo projektus.

Redaguokite gradientą

Reikalingas gradiento pavadinimas

Gradientų kūrėjas - kurkite stulbinančius linijinius ir radialinius gradientus | imagecolorpicker.com

Gradientas

Sukurkite spalvų kodus, variacijas, harmonijas ir patikrinkite kontrasto santykį.

Spalvų kodų generatorius ir rinkiklis

Lengvai kurkite gražius gradientus - pritaikykite spalvas, kryptis ir eksportuokite savo kūrinius.

Tvarkykite ir organizuokite mėgstamas spalvų paletes.

Peržiūrėkite ir tyrinėkite šį bendrą gradientą.

Bendras gradientas

Peržiūrėkite ir tyrinėkite šią bendrą paletę.

Bendrai naudojama paletė

Pastebėjome, kad naudojate skelbimų blokatorių. Nieko baisaus! Galite mus paremti nedidele auka, kad šis įrankis būtų nemokamas milijonams naudotojų. Kiekviena kava padeda mums išlaikyti ir tobulinti paslaugą.

Aptiktas reklamos blokatorius - vietoj to paremkite mus kava!

 Naudodami pirmiau pateiktą internetinį vaizdo spalvų rinkiklį pasirinkite spalvą ir gaukite šio pikselio HTML spalvos kodą. Taip pat gausite HEX spalvos kodo vertę, RGB vertę ir HSV vertę. Dalyje "Use Your Image" (Naudoti savo paveikslėlį) galite įkelti savo paveikslėlį (pavyzdžiui, darbalaukio ekrano nuotrauką), įklijuoti paveikslėlį iš iškarpinės, toliau esančiame teksto laukelyje įrašyti paveikslėlio url adresą. Arba naudokite svetainės url, kairėje pusėje matysite miniatiūrą.

Įmeskite įkeliamą paveikslėlio failą. Palaikomi formatai: ATVIRKŠČIAI: PNG, JPG, JPEG.

Vaizdų įkėlimas

Spalvų rinkiklis: Naudodamiesi šiuo internetiniu įrankiu galite įkelti paveikslėlį arba pateikti svetainės URL ir gauti RGB spalvos, HEX spalvos ir HSL spalvos kodą. 👍

👍 Spalvų rinkiklis internete | HEX spalvų rinkiklis | HTML spalvų rinkiklis

Jei naudojate "Mac" kompiuterį arba kompiuterį su dabartine operacine sistema ir dabartine naršykle, galite naudotis šia funkcija. Mes išbandėme "Safari", "Edge" , "Firefox" ir "Chrome". Išvaizda gali šiek tiek skirtis.

Šią funkciją galite naudoti 3 kartus nemokamai, tada žiūrėkite trumpą reklamą, kad galėtumėte pasinaudoti dar 3 kartus. Jūsų parama padeda mums išlaikyti šį įrankį nemokamą daugiau nei 3 milijonams naudotojų visame pasaulyje.

Žiūrėkite 15 sekundžių trukmės reklamą, kad galėtumėte toliau naudotis nemokamai

Šia funkcija pasinaudojote 3 kartus!

Sukurkite nemokamą paskyrą, kad bet kada praleistumėte skelbimus

Mes vis dar esame pačioje mūsų spalvų rinkiklio kelionės pradžioje, bus daug daugiau funkcijų, verta tai padaryti.

Įveskite savo el. pašto adresą ir mes atsiųsime jums saugią nuorodą, kad galėtumėte prisijungti.

Būtinas paletės pavadinimas

Dar neišsaugojote spalvų paletės. Įrašykite vieną ir ją rasite čia.

Spalvų paletės, kuria su jumis buvo pasidalinta, nebėra, tikriausiai ją ištrynė kūrėjas. Susisiekite su asmeniu, iš kurio gavote šią nuorodą.

Paletė

Reikalinga antraštė

Suteikite projektui pavadinimą ir aprašymą

Organizuokite spalvas, paletes ir gradientus į projektus ir kolekcijas

Mano projektai

Organizuokite savo dizaino turtą į projektus

Ši svetainė sukurta naudojant reklamą. Jūs turite blokatorių. Suprantame, kad nematysite reklamos. Šios svetainės veikimas ir priežiūra mums kainuoja. Labai džiaugiamės kiekviena kava!

Internetinis įrankis, skirtas spalvoms parinkti iš paveikslėlių, svetainių ir ekrano. Akimirksniu gaukite HEX, RGB ir HSL spalvų kodus.

Internetinis įrankis, skirtas spalvų kodams (HEX, RGB) iš vaizdų ir svetainių išgauti. 100 % nemokama.

Nuostabūs žmonės, kurie neseniai nupirko mums kavos. Ačiū už jūsų palaikymą!

ImageColorPicker.com

Wall of

Naujausi rėmėjai ☕

What People Say About Us