Paieška

Nepavyko patikrinti prisijungimo

Trys tos pačios šviesumo ir sodrumo spalvos su atspalviais, kurie yra gretimi spalvų rate, 30 laipsnių atstumu. Sklandūs perėjimai.

Spalvų aklumas paveikia maždaug 1 iš 12 vyrų ir 1 iš 200 moterų visame pasaulyje. Šis simuliatorius padeda dizaineriams, kūrėjams ir turinio kūrėjams suprasti, kaip jų spalvų pasirinkimai atrodo žmonėms su įvairiomis spalvų matymo trūkumais.

Testuodami savo spalvas per skirtingas spalvų aklumo simuliacijas, galite užtikrinti, kad jūsų dizainai būtų prieinami ir efektyvūs visiems vartotojams. Šis įrankis simuliuoja dažniausiai pasitaikančius spalvų matymo trūkumus, įskaitant protanopiją, deuteranopiją, tritanopiją ir visišką spalvų aklumą.

Suprasti spalvų aklumą

Naudok kontrastą ir raštus kartu su spalva informacijai perteikti.

Kurk geriau

Mėlynai-geltonas aklumas (Tritanopija)

Spalvų kodas

Kontrasto tikrintuvas

Patikrink, kaip spalva suvokiama žmonių su skirtingais spalvų aklumo tipais, kad sukurtum labiau prieinamus dizainus. Supratimas apie spalvų suvokimą padeda užtikrinti, kad tavo turinys būtų prieinamas visiems.

Gradientų kūrėjas

Spalva niekada neturėtų būti vienintelis būdas perduoti informaciją. Testavimas su šiuo simuliatoriumi padeda nustatyti galimas problemas.

Kodėl tai svarbu

Sukurk nemokamą paskyrą, kad simuliuotum, kaip spalvos atrodo žmonėms su skirtingais spalvų matymo sutrikimais.

Registruokis, kad pasiektum Aklumo simuliatorių

Nemokamas spalvų aklumo simuliatorius, kuris parodo, kaip tavo spalvos atrodo žmonėms su skirtingais spalvų matymo sutrikimais. Patikrink protanopiją, deuteranopiją, tritanopiją ir achromatopsiją. Užtikrink WCAG prieinamumo atitiktį.

Pažiūrėk, kaip spalva #{hex} atrodo žmonėms su spalvų aklumu. Patikrink protanopiją, deuteranopiją, tritanopiją ir kitus spalvų matymo sutrikimus. Nemokamas prieinamumo testavimo įrankis.

Spalvų aklumo simuliatorius - Patikrink spalvų prieinamumą ir WCAG atitiktį

Spalva #{hex} spalvų aklumo simuliacija - Prieinamumo testas

Taip spalva atrodo su normaliu spalvų matymu.

Raudonai-žalias aklumas (Protanopija)

Susiję prieinamumo įrankiai

8% vyrų ir 0,5% moterų turi tam tikrą spalvų regos sutrikimą.

Poveikis

Aklumo simuliatorius

Visiškas spalvų aklumas

Achromatomalija

Achromatopsija

Deuteranomalija

Deuteranopija

Protanomalija

Protanopija

Tritanomalija

Tritanopija

Raudonai-žaliai aklumas yra dažniausias, paveikiantis, kaip suvokiamos raudonos ir žalios spalvos.

Tipai

Puikiai tinka UI dizainui, duomenų vizualizacijai, prekės ženklo kūrimui ir bet kokiam vizualiniam turiniui, kuris remiasi spalvų skirtumais.

Naudojimo atvejai

Analizuokite spalvų savybes naudodami pažangius metrikus, įskaitant spektrinę sudėtį, spalvų grynumą, metamerizmo efektus ir suvokiamas charakteristikas. Šie įrankiai suteikia gilias įžvalgas apie spalvų elgseną ir išvaizdą skirtingomis peržiūros sąlygomis.

Sukurk nemokamą paskyrą, kad galėtum peržiūrėti išsamią spalvų analizę ir metrikas.

Užsiregistruok, kad gautum prieigą prie spalvų analizės

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

Perceptualios savybės

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

Mokslinė analizė

Spalvų analizė

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

Kaip ši spalva naudojama skirtingose srityse

Pramonės ir prekės ženklo archetipai, kurie dera su šia spalva

Praktiniai patarimai, kaip efektyviai naudoti šią spalvą tavo dizainuose

Spalvos, kurios papildo ir sustiprina šį atspalvį

Psichologiniai bruožai ir emocinės asociacijos

Spalvos, kurios vizualiai primena šį atspalvį

Naudok vieną dominuojančią spalvą, palaikyk antrine ir akcentuok retai.

Užtikrink pakankamą kontrastą skaitymui ir prieinamumui.

Spalvos turėtų veikti kartu, kad sukurtų vieningą vizualinę patirtį.

Spalvų teorijos principai

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

Spalvų reikšmės skiriasi įvairiose kultūrose, turinčios skirtingą simbolinę reikšmę visame pasaulyje.

Kultūra

Tyrinėkite meninius ir psichologinius spalvų aspektus, įskaitant sezoninius ryšius, emocinį poveikį, natūralius reiškinius, istorinius pigmentus ir spalvų maišymo receptus kūrybiniams tikslams.

Sukurk nemokamą paskyrą, kad galėtum tyrinėti spalvų kūrybinius ir meninius aspektus.

Registruokis, kad pasiektum kūrybinius aspektus

Natūralūs spalvų pasireiškimai įkvepia dizainą ir jungia mus su aplinka.

Gamta

Spalvos veikia emocijas ir elgesį per psichologines asociacijas, susiformavusias laikui bėgant.

Psichologija

Kūrybiniai aspektai

{name} ({hex}) · HTML Color Picker

Spustelėk bet kurią spalvą, kad nukopijuotum jos hex reikšmę. Šie deriniai matematiškai įrodyti, kad sukuria vizualinę harmoniją.

Spalvų harmonijos sukuria pusiausvyrą ir sukelia specifines emocijas tavo dizainuose.

Gauk naudingą informaciją apie spalvą 123456, kaip konvertavimas, deriniai, aklumo simuliacija ir daugiau.

HTML Color Picker - Spalvų pasirinkiklis: {hex}

Trys tos pačios atspalvio spalvos su šviesumo vertėmis +/-50%. Subtilus ir rafinuotas.

Terminalo spalvos, baitų kodavimas ir duomenų formatai programavimo naudojimui.

Kūrimas

Konvertuokite spalvas į praktinius formatus realioms programoms, įskaitant spausdinimo simuliaciją, LED ekranus, terminalo išvestį ir duomenų kodavimą. Šie formatai padeda įgyvendinti spalvas įvairiose medijose, platformose ir fiziniuose įrenginiuose.

Valdykite LED juostas, RGB apšvietimą ir ekrano aparatinę įrangą su tiksliomis reikšmėmis.

Skaitmeniniai ekranai

Simuliuokite, kaip spalvos atrodo, kai spausdinamos su CMYK dažais ant fizinės medijos.

Spausdinimas ir gamyba

Praktiniai formatai

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

Pasiekite visus praktinius formatus

#{hex} · HEX spalvų kodas, RGB, HSL ir konversijos

{name} (#{hex}) · Spalvų kodas, RGB, HSL ir informacija

Tamsesnės variacijos, sukurtos pridedant juodą prie jūsų pagrindinės spalvos.

Spalva ir dvi gretimos jos komplementui, +/-30 laipsnių atspalvio nuo pagrindinės spalvos priešingos vertės. Drąsus kaip tiesus komplementas, bet universalesnis.

Tyrinėk pažangias spalvų erdvių reprezentacijas ir profesionalius spalvų modelius, naudojamus vaizdo gamyboje, fotografijoje, mokslinėse programose ir spalvų valdymo sistemose. Šie techniniai formatai suteikia tikslias spalvų specifikacijas specializuotoms pramonės šakoms ir programoms.

Profesionalūs darbo srautai reikalauja specifinių spalvų formatų, kad būtų užtikrintas nuoseklumas tarp įrenginių ir medijų.

Pramonės standartai

Techniniai formatai

Gaukite momentinę prieigą prie daugiau nei 10 profesionalių spalvų formatų su tiksliomis konversijomis ir išsamiais paaiškinimais.

Atrakink visus techninius formatus

Skirtingos spalvų erdvės yra optimizuotos specifiniams tikslams - nuo tikslaus spalvų atkūrimo iki efektyvaus duomenų suspaudimo.

Kodėl naudoti techninius formatų

Dvi papildomų spalvų poros, atskirtos 60 laipsnių atspalviu.

Šviesesnės variacijos, sukurtos pridedant baltą prie jūsų pagrindinės spalvos.

Trys spalvos, tolygiai išdėstytos spalvų rate, kiekviena 120 laipsnių atspalvio atstumu. Geriausia leisti vienai spalvai dominuoti ir naudoti kitas kaip akcentus.

Šio skyriaus tikslas yra tiksliai sukurti jūsų pasirinktos spalvos atspalvius (pridėjus gryną baltą) ir šešėlius (pridėjus gryną juodą) 10% intervalais.

Šios variacijos sudaro nuoseklios spalvų paletės pagrindą. Eksportuok jas, kad išlaikytum nuoseklumą visame projekte.

Naudok šešėlius hover būsenoms ir šešėliams, atspalvius akcentams ir fonams.

Pasakyk, kas tave neramino. Tavo įvertinimas išsaugomas kartu su pastaba. Jį naudojame tik įrankio tobulinimui ir niekada neskelbiame.

{average} iš 5 pagal {count, plural, one {# įvertinimą} few {# įvertinimus} other {# įvertinimų}}

Ar taip pat įvertintum mus Trustpilot? Tai užtrunka tik minutę ir labai padeda.

Ačiū už tavo įvertinimą!

Gradientas be pavadinimo

Paletė be pavadinimo

Peržiūrėkite ir tvarkykite išsaugotas spalvas

Visos tavo išsaugotos spalvos visuose projektuose.

Tavo spalvos

Tvarkykite išsaugotas paletes ir gradientus

Peržiūrėk ir tvarkyk savo išsaugotus gradientus

Visi tavo išsaugoti gradientai visuose projektuose.

Tavo gradientai

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

Visos tavo išsaugotos paletės visuose projektuose.

Tavo paletės

Organizuok savo spalvas, paletes ir gradientus į projektus ir kolekcijas

Mano projektai

Tvarkyk savo naujienlaiškį, prisijungimo raktus ir paskyrą.

Visam laikui pašalinti tavo paskyrą ir viską joje.

Tai visam laikui ištrins tavo paskyrą, išsaugotas paletes, bendrintas nuorodas, el. pašto adresą ir visus kitus su ja susijusius duomenis. To atšaukti nebus galima.

Ištrinti paskyrą?

Ištrinti paskyrą

Naujienlaiškis

Su šiuo raktu nebegalėsi prisijungti. To atšaukti nebus galima.

Ištrinti raktą „{name}“?

Raktai

Tavo mokėjimas atliktas. Tai paprastai užtrunka kelias sekundes.

Tavo parama patvirtinama...

Nepavyko užkrauti tavo prenumeratos

Tavo Supporter statusas gali atsirasti per minutę. Patikrink po akimirkos.

Tavo mokėjimas atliktas

Tavo prenumerata

Eik be skelbimų ir palaikyk nepriklausomą vystymą.

Tu dar nesi Supporter

Dashboard

Generuokite spalvų kodus, variacijas, harmonijas ir tikrinkite kontrasto santykius.

Spalvų kodų generatorius ir Picker

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

Tvarkykite ir organizuokite savo mėgstamas spalvų paletes.

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

Bendrinamas gradientas

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

Bendrinama paletė

Reklamos padeda padengti veiklos kaštus. Paremkite projektą už vieną nedidelį metinį mokestį ir gaukite metus be reklamų, taip pat daugiau vietos bibliotekoje.

Padėk išlaikyti įrankius nemokamus

Naudokite aukščiau esantį internetinį vaizdo spalvų selector, kad pasirinktumėte spalvą ir gautumėte šio pikselio HTML spalvos kodą. Taip pat gausite HEX spalvos kodo vertę, RGB vertę ir HSV vertę. Skiltyje 'Naudokite savo vaizdą' galite įkelti savo vaizdą (pavyzdžiui, darbalaukio ekrano kopiją), įklijuoti vaizdą iš iškarpinės, įvesti paveikslėlio URL žemiau esančiame teksto laukelyje. Arba naudokite svetainės URL, kairėje pusėje pamatysite miniatiūrą.

Numesk vaizdo failą čia, kad galėtum jį naudoti spalvų parinktuve.

Vaizdo įkėlimas

Susikurk nemokamą paskyrą, kad galėtum atsisiųsti paletę kaip CSS, kodą, SVG ar PNG, arba prisijunk, jei jau turi paskyrą.

Eksportuok šią paletę

Dažniausiai užduodami klausimai

Įkelkite nuotrauką, įklijuokite iš mainų srities arba įveskite URL, kad akimirksniu pasirinktumėte spalvas. Gaukite HEX, RGB, HSL kodus nemokamai — registracija nereikalinga.

Pasirink spalvas iš bet kurio vaizdo: nemokami HEX, RGB ir spalvų kodai

Negalėjome atidaryti šio vaizdo

Tavo paletė nebuvo išsaugota

Daugiau nemokamų spalvų įrankių

Jei naudojiesi Mac arba kompiuteriu su nauja operacine sistema ir naršykle, gali naudoti šią funkciją. Mes išbandėme Safari, Edge, Firefox ir Chrome. Išvaizda gali šiek tiek skirtis.

Nepavyko atkurti tavo vaizdo

Naujos vaizdo spalvos pakeis tavo paletę, įskaitant vardus ir užraktus, kuriuos nustatei redaktoriuje.

Naujos vaizdo spalvos pakeis tavo paletę, įskaitant spalvas, kurias pasirinkai.

Pakeisti paletę?

Įkelk nuotrauką, įklijuok ekrano kopiją arba vaizdo nuorodą.

Naudokite savo vaizdą

Didinamasis stiklas rodo tikslų pikselį ir jo HEX, RGB bei HSL kodą.

Spustelėk ir pasirink

Pridėk spalvų į paletę, tada nukopijuok, atsisiųsk arba išsaugok ją.

Sukurk savo paletę

Pasirink spalvas iš paveikslėlio ir išsaugok jas kaip pirmąją paletę.

Dar nėra paletių

Ji išsaugota naujesne versija, o atidarius ją čia, dalis gali dingti. Perkrauk puslapį, kad gautum naujausią versiją.

Šiai paletei reikia naujesnės programos versijos

Nepavyko įkelti tavo paletių

Nė viena paletė neatitinka šių filtrų.

Nieko neatitinka „{query}“. Išbandyk kitą paiešką.

Paletių nerasta

Ši paletė galbūt ištrinta, jos nuoroda galbūt išjungta arba nuoroda neteisinga.

Pavadinimas yra būtinas

Tavo naršyklė arba reklamos blokavimo įskiepis blokuoja mokėjimo langą. Prašome leisti paddle.com ir pabandyti dar kartą.

Nepavyko užkrauti atsiskaitymo

Atsiskaitymas vis dar kraunasi

Supporter nariai naudoja ImageColorPicker be reklamų ir gali išsaugoti neribotai paletų. Tavo parama leidžia išlaikyti įrankius nemokamus visiems.

Patinka paletės įrankiai?

Tapk Supporter ir gauk neribotas kolekcijas bei ImageColorPicker be reklamų.

Pasiekei nemokamo plano kolekcijų ribą

Tapk Supporter, kad išsaugotum neribotą skaičių paletų ir naudotum ImageColorPicker be reklamų. Arba ištrink nebenaudojamas paletes, kad vėl neviršytum ribos.

Pasiekei nemokamą {limit} paletų ribą

Tapk Supporter ir gauk neribotus projektus bei ImageColorPicker be reklamų.

Pasiekei nemokamo plano projektų ribą

Padėk išlaikyti šiuos įrankius nemokamus

Metai be reklamų. Paremk nemokamus įrankius.

Sukurti duotoninius ir kelių spalvų efektus.

Pritaikyti paletę nuotraukai

Apkarpymas, mastelio keitimas, anulavimas ir atkūrimas.

Redaguoti savo vaizdus

Atsisiųsk CSS kintamuosius ir dizaino žetonus.

Eksportuoti dizainui ir kodui

Ką planuojame kurti

Gauk metus be reklamų, neribotą išsaugotų paletų ir projektų kiekį, ir paremk nemokamus spalvų įrankius. Vienas paprastas metinis planas. Visi įrankiai lieka nemokami.

Tapk supporter'iu: metai be reklamų | ImageColorPicker

Galite palaikyti projektą bet kada vėliau.

Pasikeitė nuomonė?

Ačiū, kad palaikai ImageColorPicker. Norėdamas išjungti reklamas ir atrakinti savo Supporter funkcijas, susikurk nemokamą paskyrą su tuo pačiu el. pašto adresu, kurį naudojai atsiskaityme.

Ačiū, kad palaikai ImageColorPicker. Tavo metai be reklamų prasideda, kai tik mokėjimas bus patvirtintas, dažniausiai per minutę. Tu padedi išlaikyti įrankius nemokamus ir finansuoti jų patobulinimus.

Spalvų aklumo simuliatorius

Pasirink spalvą