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

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

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

#b8860b

Хувилбарууд

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

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

Сүүдэрүүд

Таны үндсэн өнгөнд хар нэмсэнээр үүссэн бараан хувилбарууд.

Цайварууд

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

Ерөнхий хэрэглээ

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

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

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

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

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

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

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

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

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

Нэмэлт

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

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

Хуваагдсан нэмэлт

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

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

Гурвалсан

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

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

Адил төстэй

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

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

Нэг өнгөт

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

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

Дөрвөлжин

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

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

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

Тэнцвэр

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

Ялгарал

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

Зохицол

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

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

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

Ялгарал

1.00
common.contrastFail
Маш муу
Жижиг текст
common.contrastFail
Том текст
common.contrastFail

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

AA:Энгийн текстийн хувьд хамгийн бага харьцаа нь 4.5:1 ба том текстийн хувьд 3:1 байх шаардлагатай. Ихэнх вэбсайтуудад заавал шаардлагатай.
AAA:Энгийн текстийн сайжруулсан харьцаа нь 7:1 ба том текстийн хувьд 4.5:1. Оновчтой хандалтын тулд зөвлөмжид оруулсан.
Бүх текстийн хэмжээний хувьд хангалтгүй ялгарал - WCAG стандартуудыг хангахгүй байна.

Нарийвчилсан контраст шалгагч

Гулсагч, олон урьдчилсан харагдац болон бусад зүйлсээр нарийн тохируулах

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

contrastChecker.quote1Author

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

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

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

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

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

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

Өнгөний сохролын симулятор

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

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

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