#FFFFFF Арктик Тунгалаг

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

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

    #ffffffАрктик Тунгалаг

    HEX
    #ffffff
    HSL
    0, 0, 100
    RGB
    255, 255, 255
    XYZ
    95, 100, 109
    CMYK
    0, 0, 0, 0
    LUV
    100,16,7
    LAB
    100, 0, 0
    HWB
    0, 100, 0

    Энэ өнгөний тухай

    Цэвэр Илбэн
    Өглөөний Мөс
    Кристалийн Цагаан

    Тодорхой, тайван цэвэршил

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

    Дизайнерын зөвлөгөө: Цагаан фон дээр 2–3px-ын гүн хар хүрээг (#222222) текст ба товчуудад тогтмол хэрэглэснээр харьцуулалтыг чанга болгоод минимал ритм үүсгэнэ.

    Хамгийн сайн хэрэглээний нөхцөл: Эмнэлгийн болон эрүүл мэндийн UI/интерфэйс—цэвэршил, уншигдах байдал, найдвартай мэдрэмжийг шууд дамжуулна.

    Цэвэр
    Тунгалаг
    Энгийн
    Нээлттэй
    Тансаг

    Сэтгэл зүй

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

    Тодорхой байдал
    Шинэ эхлэл
    Шалгарсан простота
    Шударга байдал
    Цэвэршил

    Нөлөө

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

    Сэтгэл хөдлөлийн нөлөө

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

    Утга ба бэлгэдэл

    Соёлын бэлгэдэл, ач холбогдол

    Цэвэр ариун байдал
    Шинэ эхлэл
    Нейтрал ба боломж
    Эрүүл мэнд, эмнэлэгийн стериль байдал
    Тансаг энгийн байдал

    Соёлын ач холбогдол

    Баруунд цагаан ихэвчлэн хурим, цэвэр ариун байдлын бэлгэдэл; Хятадад цагаан нь гуниг, оршуулгын өнгө гэж үздэг. Монголд цагаан нь ахуйн болон ёс заншлын хувьд элбэг бүхий, хүндэтгэл (хадгийн цагаан хадаг) илтгэх өнгө.

    Эерэг холбоосууд

    Баруун (хурим, цэвэр ариун байдал), Монгол (хүндэтгэл ба ариун ёс), Модерн дизайнд (минимал, люкс)

    Сөрөг холбоосууд

    Хятад, зарим Зүүн Азийн ёс заншлуудад цагаан нь гашуудалтай (гашуудлын хувцас)

    Дизайны хэрэглээ

    Энэ өнгийг хэрхэн өөр өөр салбарт ашиглах

    Эмнэлгийн UI/Интерфэйс

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

    Люкс сав баглаа боодол

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

    Вэбсайт фоны

    Хэвлэмэл болон цифр контентыг тод харагдуулах нейтраль цэвдгээр дүрс, текстийг уншигдах болгоно.

    Дотор засал (минимал студи)

    Цагаан ханатай жижиг өрөөг илүү том, гэрэлтэй болгож, бусад өнгүүдийг акцент болгоход тохирно.

    Гоёлын болон хуримын даашинз

    Цагаан нь уламжлалт цэвэр ариун байдлыг бэлгэдэж, материал, кроёрыг голлодог.

    Түүхэн ач холбогдол

    Энэ өнгөний түүх, өв уламжлал

    Цагаан өнгийн хэрэглээ нь хүн төрөлхтний эхэн үеэс эхэлсэн: бэлтгэсэн шохойн (chalk) болон гипс (gypsum) нь анхны цагаан пигментүүд байсан ба эртний Египет, Месопотами ашиглагдсан. Ромчууд ба Грекүүд нь цагаан пигментийг гэрэлтүүлэх, хана доторлогоо болон мүсэлд ашиглажээ.

    Ренессанс болон Барокко уран зургад 'lead white' буюу цагаан хар тугалганы карбонат нь будгийн үндсэн цагаан болж, уран баримал, эсгэхэд тод акцент өгсөн. 20-р зууны эхээр загвар болон архитектурт модернизмын хөдөлгөөн (Bauhaus, Minimalism) цагаан орон зайг хамтдаа идэвхтэй хэрэглэсэн.

    Орчин үед энэ төгс цагаан нь дижитал дэлгэц, брэндийн минимал сав баглаа боодол, технологийн бүтээгдэхүүний корпус болон хэрэглэгчийн интерфэйсэд өргөн хэрэглэгдэж байна; түүний

    Шошго

    цагаан
    нейтраль
    модерн
    минимал
    эргэн татах
    вэб UI
    брэндлэлт
    өвөл
    эмнэлэг
    сэрүүн
    люкс

    mood

    Цэвэр, Тунгалаг

    family

    Цагаан - сэрүүн

    usage

    вэб интерфэйс, дотор засал, баглаа боодол

    style

    минимал, модерн

    inspiration

    шинэ цас, саармаг гэрэл

    Хувилбарууд

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

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

    Сүүдэрүүд

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

    Цайварууд

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

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

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

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

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

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

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

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

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

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

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

    Нэмэлт

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

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

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

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

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

    Гурвалсан

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

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

    Адил төстэй

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

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

    Нэг өнгөт

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

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

    Дөрвөлжин

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

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

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

    Тэнцвэр

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

    Ялгарал

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

    Зохицол

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

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

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

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

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

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

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

    - Albert Einstein

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

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

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

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

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

    Түгээмэл асуултууд