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

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

Өнгө хувиргах

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

Хувилбарууд

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

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

Сүүдэр

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

Өнгө

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

Нийтлэг хэрэглээний тохиолдол

  • UI бүрэлдэхүүн хэсгийн төлөвүүд (хулгана, идэвхтэй, идэвхгүй)
  • Сүүдэр, гэрэлтүүлэг бүхий гүнийг бий болгох
  • Тогтвортой өнгөт системийг бий болгох

Дизайн системийн зөвлөмж

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

Өнгөний хослолууд

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

Хэрхэн ашиглах вэ

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

Яагаад чухал вэ?

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

Нэмэлт

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

#ca4e4e
Хамгийн тохиромжтой: Өндөр нөлөө бүхий дизайн, CTA, лого

Тусгаарлах нэмэлт

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

Хамгийн тохиромжтой: Хөгжилтэй боловч тэнцвэртэй зохион байгуулалт

Гурвалсан

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

Хамгийн тохиромжтой: Хөгжилтэй, эрч хүчтэй загварууд

Аналог

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

Хамгийн тохиромжтой: Байгалийн сүнслэг нөлөө бүхий, тайвшруулах интерфейс

Монохромат

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

Хамгийн тохиромжтой: Минималист, боловсронгуй загварууд

Тетрадик

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

Хамгийн тохиромжтой: Баян, олон янзын өнгөний схем

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

Тэнцвэр

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

Эсрэг заалт

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

Эв найрамдал

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

Өнгөний ялгаа шалгагч

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

Текстийн өнгө
Дэвсгэр өнгө
Эсрэг
Fail
Жижиг текст
✖︎
Том текст
✖︎
WCAG стандартууд
AA:Энгийн текстийн хувьд хамгийн бага тодосгогч харьцаа 4.5:1, том текстийн хувьд 3:1 байна. Ихэнх вэбсайтад шаардлагатай.
AAA:Энгийн текстийн хувьд 7:1, том текстийн хувьд 4.5:1-ийн сайжруулсан тодосгогч харьцаа. Хамгийн оновчтой хүртээмжтэй байх үүднээс санал болгож байна.

Бүгд л суут ухаантан. Гэхдээ хэрэв та загасыг модонд авирах чадвараар нь дүгнэвэл тэр бүхэл бүтэн амьдралаа тэнэг гэдэгт итгэж амьдрах болно.

- Albert Einstein

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

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

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

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

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