Бүртгэлдээ нэвтэрнэ үү

Эргээд тавтай морил

Энэ цуглуулгад ямар төрлийн зүйл нэмэхээ сонгоно уу

Таны цуглуулгыг амжилттай үүсгэлээ

Энэ цуглуулгад юу багтах вэ?

Өөрийн зүйлсийг цэгцлэхийн тулд цуглуулга нэмнэ үү

Зүйлийг цуглуулгад амжилттай нэмсэн

Зүйлийг цуглуулгаас хассан

Өөрийн өнгийг цэгцлэхийн тулд анхны цуглуулгаа үүсгэ

Энэ цуглуулгад өнгө, палитр эсвэл градиент нэмнэ үү

Цуглуулгын зүйлсийг харж удирдах

Өнгөний дугуйн дээр 30 градусын зайтай зэргэлдээ орших өнгөнүүдтэй ижил гэрэлтэх, ханасан гурван өнгө. Гөлгөр шилжилтүүд.

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

Мэдээлэл дамжуулахын тулд өнгөний хажуугаар тодосгогч болон хэв маягийг ашигла.

Илүү сайн дизайн хийх

Цэнхэр шар сохор (Тританопиа)

Өнгөний код

Тодосгогч шалгагч

Илүү хүртээмжтэй загвар гаргахын тулд янз бүрийн төрлийн өнгөт харалган хүмүүс өнгийг хэрхэн хүлээн авч байгааг шалгаарай. Өнгөний ойлголтыг ойлгох нь таны агуулгыг хүн бүрт хүртээмжтэй байлгахад тусална.

Gradient Maker

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

Янз бүрийн төрлийн өнгөт харалган хүмүүст өнгө хэрхэн харагдахыг дуурайлган үнэ төлбөргүй данс үүсгэ.

Blindness Simulator-д нэвтрэхийн тулд бүртгүүлнэ үү

Ердийн өнгөний хараатай бол өнгө нь ингэж харагддаг.

Улаан-ногоон харалган байдал (протанопиа)

Холбогдох хүртээмжтэй хэрэгслүүд

Эрэгтэйчүүдийн 8%, эмэгтэйчүүдийн 0.5% нь ямар нэгэн хэлбэрийн өнгөний дутагдалтай байдаг.

Нөлөөлөл

Харалган байдлын симулятор

Бүрэн өнгөний харалган байдал

Хэсэгчилсэн өнгөний харалган байдал

Ахроматомали

Ахроматопси

Дейтераноми

Дейтеранопи

Протаномали

Протанопи

Тританомали

Тританопи

Улаан-ногоон сохор нь хамгийн түгээмэл бөгөөд улаан, ногоон өнгө хэрхэн хүлээн зөвшөөрөгдөхөд нөлөөлдөг.

Төрөл

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

Манай өнгөт шинжилгээний дэвшилтэт хэрэгсэл нь өнгөний шинж чанар, зохицол, сэтгэлзүйн нөлөөллийн талаархи цогц ойлголтыг өгдөг. Өнгөний техникийн болон сэтгэл хөдлөлийн талыг ойлгохыг эрэлхийлдэг дизайнерууд, хөгжүүлэгчид, зураачдад тохиромжтой.

Өнгөний зохицол, сэтгэл зүйн нөлөөлөл, техникийн үзүүлэлтүүд, хүртээмжтэй байдлын хэмжүүрүүдэд дүн шинжилгээ хийх. Өгөгдөлд тулгуурласан ойлголт, өнгөний онолын мэргэжлийн программуудын тусламжтайгаар төслүүдийнхээ өнгөний хэрэглээний талаар мэдээлэлтэй шийдвэр гаргаарай.

Өнгөний шинжилгээг ойлгох

Мэргэжлийн өнгөний ойлголт, зохицол

Өнгөний бүрэн шинжилгээ

Хүйтэн өнгө - тайван, мэргэжлийн

Спектрийн найрлага, өнгөний цэвэр байдал, метамеризмын эффект, мэдрэхүйн шинж чанарууд зэрэг дэвшилтэт хэмжүүрээр өнгөний шинж чанарыг шинжлэх. Эдгээр хэрэгслүүд нь харах янз бүрийн нөхцөлд өнгөний төлөв байдал, гадаад төрх байдлын талаар гүн гүнзгий ойлголт өгдөг.

Нэгдмэл брэндийг бий болгох, дизайн дахь өнгөний зохицлыг хангах, дижитал болон хэвлэмэл хэвлэл мэдээллийн хэрэгсэлд нийцтэй байдлыг хадгалахад зайлшгүй шаардлагатай. Манай өнгөний шинжилгээний хэрэгсэл нь мэргэжлийн дизайнеруудад зориулсан цогц ойлголтыг өгдөг.

Дизайн ба Брэндинг

Өнгөний дугуйны хамаарал дээр үндэслэн нэмэлт, гурвалсан, аналоги өнгөний схемийг бий болгох

Өнгөний зохицол

Өнгөний иж бүрэн шинжилгээ, хэмжигдэхүүнийг үзэхийн тулд үнэгүй данс үүсгээрэй.

Өнгөний шинжилгээнд нэвтрэхийн тулд бүртгүүлнэ үү

Маркетингийн кампанит ажилд өнгөний сэтгэл зүй, сэтгэл хөдлөлийн нөлөөг ойлгох. Дижитал маркетингийн стратегид өнгө нь хэрэглэгчийн зан төлөв болон хөрвөлтийн хувь хэмжээнд хэрхэн нөлөөлж байгааг шинжлэх.

Маркетинг ба сэтгэл судлал

RGB, HSL, LAB утга, гэрэлтүүлгийн тооцоо зэрэг өнгөний нарийвчилсан үзүүлэлтүүдэд хандах

Техникийн хэмжүүр

Төвийг сахисан температур - тэнцвэртэй

Палетт үүсгэгч

Янз бүрийн гэрэлтүүлгийн нөхцөлд өнгө хэрхэн харагдахыг ойлгох

Харааны ойлголт

Хүний хараанд өнгө хэрхэн харагддаг, үүнд цэвэр ариун байдал, давамгайлал, мэдрэгдэх тод байдал.

Мэдрэхүйн шинж чанарууд

Мэргэжлийн өнгөний шинжилгээний програмууд

Хэрэглэгчийн зан байдал, ойлголтод нөлөөлдөг сэтгэл хөдлөлийн болон сэтгэл зүйн холбоог судлаарай

Өнгөний сэтгэл зүй

Холбогдох өнгөт хэрэгслүүд

Техникийн хэрэглээнд зориулж өнгөт хэмжилт, спектрийн шинжилгээнд суурилсан нарийн өнгөт хэмжилт.

Шинжлэх ухааны шинжилгээ

Өнгөний шинжилгээ

Дулаан өнгө - эрч хүчтэй, урам зоригтой

Вэб хүртээмжтэй нийцэж буй өнгөнд дүн шинжилгээ хийж, CSS өнгөний кодыг үүсгэж, оновчтой уншигдахуйц байдлыг хангана. Хэрэглэгчийн туршлага болон WCAG удирдамжид анхаарлаа хандуулдаг frontend хөгжүүлэгчдэд тохиромжтой.

Вэб хөгжүүлэлт

Эв найрамдал бүр өөрийн гэсэн сэтгэл хөдлөлтэй байдаг. Хамтдаа сайн зохицдог өнгөний хослолуудыг оюун ухаандаа уралдуулахын тулд эв найрамдлыг ашигла.

Нэг давамгайлсан өнгийг хэрэглэж, хоёрдогчоор дэмжиж, бага өргөлттэй байгаарай.

Унших, хүртээмжтэй байхын тулд хангалттай тодосгогчийг баталгаажуулна уу.

Нэгдмэл харааны туршлагыг бий болгохын тулд өнгө нь хамтдаа ажиллах ёстой.

Өнгөний онолын зарчим

Өнгө ба түүний эсрэг талын өнгөт дугуй, +180 градусын өнгө. Өндөр тодосгогч.

Өнгөний утга нь соёл иргэншилд харилцан адилгүй байдаг бөгөөд дэлхий даяар өөр өөр бэлгэдлийн ач холбогдолтой байдаг.

Соёл

Улирлын холбоо, сэтгэл хөдлөлийн нөлөө, байгалийн үзэгдэл, түүхэн пигмент, бүтээлч хэрэглээнд зориулсан өнгө холих жор зэрэг өнгөний урлаг, сэтгэл зүйн хэмжигдэхүүнийг судлаарай.

Өнгөний бүтээлч, уран сайхны хэмжигдэхүүнийг судлахын тулд үнэгүй бүртгэл үүсгэ.

Бүтээлч талуудад хандахын тулд бүртгүүлнэ үү

Өнгөний байгалийн үзэгдэл нь дизайнд урам зориг өгч, биднийг хүрээлэн буй орчинтой холбодог.

Байгаль

Өнгө нь цаг хугацааны явцад бий болсон сэтгэлзүйн холбоогоор дамжуулан сэтгэл хөдлөл, зан төлөвт нөлөөлдөг.

Сэтгэл судлал

Бүтээлч талууд

Дурын өнгө дээр дарж зургаан өнцөгт утгыг нь хуулна. Эдгээр хослолууд нь харааны зохицлыг бий болгодог нь математикийн хувьд батлагдсан.

Өнгөний зохицол нь таны загварт тэнцвэрийг бий болгож, тодорхой сэтгэл хөдлөлийг төрүүлдэг.

123456 өнгөний тухай хөрвүүлэлт, хослол, харалган байдлын симуляци гэх мэт хэрэгцээт өнгөт мэдээллийг аваарай.

HTML өнгө сонгогч: 123456

+/-50% гэрэлтэх утга бүхий ижил өнгийн гурван өнгө. Нарийхан, боловсронгуй.

Терминалын өнгө, байт кодчилол, програмчлалын хэрэглээний өгөгдлийн формат.

Хөгжил

Хэвлэх симуляци, LED дэлгэц, терминалын гаралт, өгөгдлийн кодчилол зэрэг бодит хэрэглээнд зориулж өнгийг практик формат руу хөрвүүлэх. Эдгээр форматууд нь янз бүрийн медиа, платформ болон физик төхөөрөмжүүдэд өнгө хэрэгжүүлэхэд тусална.

LED тууз, RGB гэрэлтүүлэг, дэлгэцийн техник хангамжийг нарийн утгаараа удирдана.

Дижитал дэлгэцүүд

Бүх практик өнгөт форматын утгыг үзэх, хуулах үнэгүй бүртгэл үүсгэ.

Практик формат руу нэвтрэхийн тулд бүртгүүлнэ үү

Физик зөөвөрлөгч дээр CMYK бэхээр хэвлэх үед өнгө хэрхэн харагдахыг дуурай.

Хэвлэх ба үйлдвэрлэл

Практик форматууд

Төслийнхөө бүх өнгөт форматын хөрвүүлэлтэд шууд хандах боломжтой.

Бүх практик формат руу нэвтрэх

Үндсэн өнгө дээрээ хар нэмснээр бараан хувилбаруудыг бий болгосон.

Өнгө ба түүний нэмэлттэй зэргэлдээх хоёр, үндсэн өнгөний эсрэг утгаас +/-30 градусын өнгө. Шулуун нэмэлт шиг зоригтой, гэхдээ илүү уян хатан.

Илүү өргөн өнгөний сонголт

Өнгөний харагдах загвар

Видео үйлдвэрлэл, гэрэл зураг, шинжлэх ухааны хэрэглээ, өнгөний удирдлагын системд ашигладаг өнгөний орон зайн дэвшилтэт дүрслэл, мэргэжлийн өнгөт загваруудыг судлаарай. Эдгээр техникийн форматууд нь төрөлжсөн үйлдвэр, хэрэглээнд зориулсан өнгөний нарийн тодорхойлолтыг өгдөг.

Мэргэжлийн ажлын урсгал нь төхөөрөмжүүд болон медиа хооронд нийцтэй байхын тулд тодорхой өнгөт форматыг шаарддаг.

Аж үйлдвэрийн стандартууд

Техникийн өнгөний форматын бүх утгыг үзэх, хуулах үнэгүй бүртгэл үүсгэнэ үү.

Техникийн формат руу нэвтрэхийн тулд бүртгүүлнэ үү

Өнгөт тэмдэглэгээний систем

Мэргэжлийн гэрэл зураг

Техникийн форматууд

Нарийвчилсан хөрвүүлэлт, дэлгэрэнгүй тайлбар бүхий 10+ мэргэжлийн өнгөт формат руу шууд хандаарай.

Бүх техникийн форматын түгжээг тайл

Янз бүрийн өнгөний орон зайг тодорхой зорилгоор оновчтой болгодог - өнгийг зөв хуулбарлахаас эхлээд өгөгдлийг үр дүнтэй шахах хүртэл.

Техникийн форматыг яагаад ашиглах ёстой вэ?

60 градусын өнгөөр тусгаарлагдсан нэмэлт өнгөний хоёр багц.

Үндсэн өнгө дээрээ цагаан нэмснээр илүү цайвар хувилбарууд бий болсон.

Гурван өнгө нь өнгөт дугуйны дагуу жигд зайтай, тус бүр нь 120 градусын зайтай. Нэг өнгийг давамгайлж, бусдыг өргөлт болгон ашиглах нь дээр.

Энэ хэсгийн зорилго нь таны сонгосон өнгөний өнгө (цэвэр цагаан нэмсэн) болон сүүдрийг (цэвэр хар нэмсэн) 10% -иар нарийвчлалтай гаргах явдал юм.

Эдгээр өөрчлөлтүүд нь нэгдмэл өнгөт палитрын үндэс суурийг бүрдүүлдэг. Төслийг бүхэлд нь тогтвортой байлгахын тулд тэдгээрийг экспортлох.

Зорилтот төлөв болон сүүдэрт сүүдэр, тодруулсан болон арын дэвсгэрийн хувьд өнгө хэрэглээрэй.

Нэр

Бидэнтэй холбоо барина уу

Текстийн өнгийг тохируулах

Унших чадварыг сайжруулахын тулд текстийн тодосгогчийг сайжруулахын тулд гулсагчийг тохируулна уу

Энэ бол ердийн үндсэн текст юм. Хурдан бор үнэг залхуу нохойн дээгүүр үсэрнэ.

Текст болон дэвсгэр өнгө сонгохын тулд өнгө сонгогч ашиглан өнгө сонгох эсвэл RGB арван зургаатын форматаар өнгө оруулна уу (жишээ нь, #259 эсвэл #2596BE). Та өнгө сонгохын тулд гулсагчийг тохируулж болно. Вэб контентын хүртээмжийн удирдамж (WCAG) нь хараатай хэрэглэгчдэд текст унших боломжтой эсэхийг тодорхойлоход туслах тусгай удирдамжтай байдаг. Энэ шалгуур нь өнгөний хослолыг харьцуулж болохуйц харьцаагаар дүрслэхийн тулд тодорхой алгоритмыг ашигладаг. Энэхүү томьёог ашиглан WCAG нь текст болон дэвсгэрийн өнгөний 4.5:1 харьцаатай байх нь ердийн (биеийн) текстийн хувьд хангалттай бөгөөд том текст (18+ pt энгийн эсвэл 14+ pt тод) дор хаяж 3: 1 өнгөний тодосгогч харьцаа.

Текст уншигдахуйц WCAG стандартад нийцэж байгаа эсэхийг шалгахын тулд өнгөний хослолыг туршиж үзээрэй.

Өнгөний тодосгогч шалгагч: Энэхүү онлайн хэрэгслээр та текст болон дэвсгэр өнгөний тодосгогч харьцаа 123456-ийн талаар дэлгэрэнгүй мэдээлэл авах боломжтой. 

 Өнгөний ялгарал шалгагч: 123456

Энэ нь харанхуй/гэрэл горимд хэрэг болохуйц өнгө урвуу байдлаар хэрхэн харагдахыг харуулдаг.

Энэ бол a-тай текстийн жишээ юм

товших боломжтой холбоос

Жижиг текстийн жишээ (12px)

Хурдан бор үнэг залхуу нохойн дээгүүр үсэрнэ

Урьдчилан харах Гарчиг

Текстийн тохиргоог дахин тохируулах

Энэ бол унших чадварыг шалгах жижиг текст юм.

Энэ бол уншихад хялбар байх ёстой жижиг текст юм.

WCAG хүртээмжийн стандартыг хангахын зэрэгцээ эрч хүчийг хадгалах 5 ухаалаг өнгөний саналд хандахын тулд үнэ төлбөргүй бүртгүүлээрэй.

Ухаалаг өнгөний зөвлөмжийг нээ

Энгийн текстийн хувьд 7:1, том текстийн хувьд 4.5:1-ийн сайжруулсан тодосгогч харьцаа. Хамгийн оновчтой хүртээмжтэй байх үүднээс санал болгож байна.

Энгийн текстийн хувьд хамгийн бага тодосгогч харьцаа 4.5:1, том текстийн хувьд 3:1 байна. Ихэнх вэбсайтад шаардлагатай.

WCAG нийцлийн түвшин

WCAG удирдамж нь таны агуулгыг харааны бэрхшээлтэй хэрэглэгчдэд нээлттэй байлгах боломжийг олгодог.

WCAG стандартууд

Хамгийн ихдээ 10 өнгө хүрсэн

Хамгийн багадаа 4 өнгөний тоонд хүрсэн

Анхаарал хэрэгтэй

Энэ функцийг ашиглахын тулд та ҮНЭГҮЙ imagecolorpicker данс үүсгэх хэрэгтэй. Та дараа нь илүү олон функцэд хандах боломжтой болно.

Шинэ палитр үүсгэ

Хадгалсан палитр болон градиентуудаа удирдаарай

Хадгалсан градиентуудаа харж удирдах боломжтой

Таны градиентууд

Хадгалсан өнгөт палитруудыг харж удирдах боломжтой

Таны палитр

Хяналтын самбар

Палеттаа засварлана уу

imagecolorpicker.com сайтаас Gradient Maker ашиглан гайхалтай градиент бүтээгээрэй. Шугаман болон радиаль градиентуудаас сонгож, олон өнгө нэмж, градиентыг эргүүлж, бүтээлээ хадгалж, хуваалцаарай. CSS кодыг шууд татаж аваад градиентуудаа төслүүддээ саадгүй нэгтгээрэй.

Өөрийн градиентийг засварлана уу

Градиент гарчиг шаардлагатай

Gradient Maker - Гайхалтай шугаман болон радиаль градиент үүсгэх | imagecolorpicker.com

Градиент

Өнгөний код, өөрчлөлт, зохицол үүсгэх, тодосгогч харьцааг шалгах.

Өнгөний код үүсгэгч ба сонгогч

Үзэсгэлэнт градиентийг хялбархан бүтээгээрэй - өнгө, чиглэлийг өөрчилж, бүтээлээ экспортлоорой.

Өөрийн дуртай өнгөт палитрыг удирдаж, цэгцлээрэй.

Таны хадгалсан палитрууд

Энэ хуваалцсан градиентийг харж, судлаарай.

Хуваалцсан градиент

Энэхүү хуваалцсан палитрыг үзэж сонирхоорой.

Хуваалцсан палитр

Таныг зар хориглогч ашиглаж байгааг бид анзаарсан. Зүгээр дээ! Та энэ хэрэгслийг сая сая хэрэглэгчдэд үнэ төлбөргүй байлгахын тулд багахан хэмжээний хандиваар биднийг дэмжиж болно. Кофе бүр үйлчилгээгээ хадгалах, сайжруулахад тусалдаг.

Зар хориглогч илэрсэн - Оронд нь кофе ууж биднийг дэмжээрэй!

 Дээрх онлайн зургийн өнгө сонгогчийг ашиглан өнгө сонгож, энэ пикселийн HTML өнгөний кодыг аваарай. Мөн та HEX өнгө кодын утга, RGB утга, HSV утгыг авна. 'Өөрийн зургийг ашиглах' хэсэгт та өөрийн зургийг (жишээ нь ширээний дэлгэцийн агшин) байршуулж, санах ойноос зураг буулгаж, доорх текст хайрцагт зургийн url-г тавьж болно. Эсвэл вэбсайтын url-г ашиглавал зүүн талд өнгөц зураг харагдах болно.

Байршуулахын тулд зургийн файлыг буулгана уу. Дэмжигдсэн формат: PNG, JPG, JPEG.

Зураг байршуулах

Өнгө сонгогч: Энэхүү онлайн хэрэгслээр та зураг байршуулах эсвэл вэб сайтын URL-г өгч, RGB өнгө, HEX өнгө, HSL өнгөний кодыг авах боломжтой. 👍

👍 Өнгө сонгогч онлайн | HEX өнгө сонгогч | HTML өнгө сонгогч

Хэрэв та одоогийн үйлдлийн систем, хөтөчтэй Mac эсвэл компьютер дээр байгаа бол энэ функцийг ашиглаж болно. Safari, Edge, Firefox болон Chrome-г бид туршиж үзсэн. Харагдах байдал нь бага зэрэг ялгаатай байж болно.

Та энэ функцийг 3 удаа үнэгүй ашиглах боломжтой бөгөөд дараа нь дахин 3 удаа ашиглахын тулд хурдан сурталчилгаа үзэх боломжтой. Таны дэмжлэг бидэнд энэ хэрэгслийг дэлхий даяарх 3+ сая хэрэглэгчдэд үнэ төлбөргүй байлгахад тусална.

Үргэлжлүүлэн үнэгүй ашиглахын тулд 15 секундын зарыг үзээрэй

Та энэ функцийг 3 удаа ашигласан!

Pexels ашиглан зураг хайх

Зар сурталчилгааг хэзээ ч алгасахын тулд үнэгүй бүртгэл үүсгээрэй

Бид өнгө сонгох аялалынхаа хамгийн эхэнд байгаа, цаашид олон боломжууд байх болно, энэ нь үнэ цэнэтэй юм.

Танд данс байхгүй юу? Бүртгүүлэх

Имэйл хаягаа оруулна уу, бид танд нэвтрэх аюулгүй холбоосыг илгээх болно.

ImageColorPicker.com

Бидэнтэй холбоо барина уу