Өнгөт тойрог. Хүйтэн өнгөний хослолыг хуурах хуудас Сайн мэддэг gamut ашиглана уу
HTML хуудасны дизайн болон тохирох өнгө шаарддаг бусад ажлуудад зориулсан жижиг, загварлаг, цэвэрхэн өнгө сонгогч.
Энэ програм юу хийж чадахыг харцгаая.
Өнгөний цэгийн тохиргоо
Хөтөлбөр нь суулгах шаардлагагүй тул архивыг хатуу дискэндээ хадгалаад, тохиромжтой газар задалж, хавтсыг нээж, .exe өргөтгөлтэй файлыг ажиллуул. Анхдагч байдлаар, програм нь жижиг товчлуураар эхэлдэг:
Програмтай ажиллаж байна
Бид энэ дүрс дээр товшоод програмын цонх бидний өмнө нээгдэнэ.
Дэлгэц
Энэ таб дээр програм нь дэлгэцээс ямар ч өнгийг шууд "авах" боломжийг олгодог. Энэ нь програмыг эхлүүлэх үед харагдах дэлгэцийн аль ч хэсгээс. Бүс сонгох цонхонд дэлгэцийг бүхэлд нь багасгасан хэмжээгээр харуулна.
Хэрэв та энэ цонхны аль нэг хэсэг дээр дарвал дараагийн жижиг цонхонд "Өнгийг сонгох" гарч ирнэ. Энд та аль хэдийн илүү нарийвчлалтай онилж, тодорхой цэгээс өнгийг авах боломжтой.
Мөн энэ цонхны баруун хэсэгт санах ой руу хуулах туслах товчлуурууд байгаа бөгөөд "Сэргээх" (дэлгэцийн агуулгыг шинэчилдэг) болон "Хэрэглэх" (сонгосон өнгийг хадгалж, цонхыг "Сонголт" руу шилжүүлдэг. " таб).
Сонголт
"Хавтанцар", "Тойрог", "Вэб" ба "Win" гэсэн өнгийг хялбархан тохируулах үндсэн хэрэгслүүд энд байна.
Эдгээр хэрэгслүүдтэй ажиллах нь тийм ч хэцүү биш юм. Зүгээр л дуртай өнгө дээрээ товшоод, RGB гулсагчаар (эсвэл HSV - энэ формат танд ойрхон байвал) тааруулж, тохирох эсэхийг хараарай.
Хэрэв танд сонгосон өнгө таалагдсан бол "Текст дүрслэл" мөрөөс түүний кодыг хуулж болно. Нэмж дурдахад, жагсаалтыг өргөжүүлэхийн тулд жижиг сум дээр дарж кодыг аль ч стандарт форматаар сонгох боломжтой.
Мөн баруун дээд буланд байгаа гурав дахь өнгөт цонхонд анхаарлаа хандуулаарай. Сонгосон өнгө (босоо зураас) -аас гадна сонгосон нэгтэйгээ сайн нийлдэг өөр гурван өнгийг харуулдаг.
Тиймээс, програм нь дизайны бусад элементүүдэд хэрэглэж болох хэд хэдэн тохирох өнгийг нэн даруй санал болгодог.
Хөтөлбөр нь олон төрлийн туслах товчлууруудтай. Тэдгээрийн зорилгыг мэдэхийн тулд хулганаар хулганаа гүйлгэж, програмын цонхны хамгийн доод хэсэгт гарч ирэх зөвлөмжийг уншина уу.
Тохиргоо
Эндээс та фонтын төрөл, хэмжээ, програмын гоо сайхны шинж чанар зэрэг зарим параметрүүдийг тохируулах боломжтой. Хэрэв та "Дэлгэц" таб дээр нээх, "Ми-цонхны горимд ажиллуулах" гэсэн нүднүүдийн сонголтыг арилгавал програмтай ажиллахад илүү тохиромжтой байх болно.
Хөтөлбөрийн тухай
Энэ сүүлчийн таб дээрээс та хөгжүүлэгчийн харилцагчдыг олж, түүний вэбсайт руу орж програмын шинэ хувилбар гарсан эсэхийг харах боломжтой.
Хөтөлбөрийн давуу болон сул талууд
- өнгө сонгох олон янзын хэрэгсэл байдаг (тойрог, хавтан гэх мэт);
- програмын цонхыг дэлгэцийн бусад элементүүдтэй ойртуулах замаар өнгийг хялбархан харьцуулах боломжийг танд олгоно;
- бүх товчлууруудад зориулсан зөвлөмжүүд байдаг.
- бага зэрэг төвөгтэй интерфейс;
- багасгаж, "Дэлгэц" таб дээр ажиллах нь тийм ч тохиромжтой биш (хэдийгээр та үүнийг тохиргооноос унтрааж болно);
- Програмын цонхны өнгө нь хүн бүрт таалагдахгүй байх болно.
дүгнэлт
Хөтөлбөр нь үнэгүй програмын хувьд нэлээд хүчирхэг бөгөөд вэбсайтын дизайн хийхэд тохиромжтой өнгө сонгоход шаардлагатай бараг бүх зүйлийг өгдөг. Хөтөлбөрийн цонхны өнгө (голт бор өнгөтэй - хүн бүрт тохирохгүй) гэх мэт бага зэргийн дутагдал байдаг боловч тэд үүнтэй ажиллахад саад болохгүй.
P.S. Эх сурвалжийн нээлттэй идэвхтэй холбоосыг зааж, Руслан Богдановын зохиогчийн эрхийг хадгалсан тохиолдолд энэ өгүүллийг чөлөөтэй хуулж, иш татахыг зөвшөөрнө.
P.P.S. Хэрэв програм нь танд төвөгтэй мэт санагдаж байвал илүү хялбар сонголтууд байна:
Өнгө нь вэб дизайн хийхэд асар их үүрэг гүйцэтгэдэг. Сайтын өнгөний схемийг зөв сонгохын тулд тусгай үйлчилгээ байдаг. Вэб дизайнер бүрийн хавчуургад дор хаяж нэг байдаг гэдэгт би итгэлтэй байна.
Заримдаа та суугаад сайтын гол сүүдэр болох цэнхэр өнгийн аль өнгийг сонгох вэ, бага зэрэг цайвар эсвэл арай тод, эсвэл бараан өнгөтэй байх талаар бодож байна ... Мөн та үүнд зориулж нэмэлт сүүдэр сонгох хэрэгтэй. Мэдээжийн хэрэг, та үүнийг нүдээр хийж болно, гэхдээ тусгай үйлчилгээний аль нэгийг ашиглах нь дээр.
Би өнгөний онолын талаар ярихгүй (энэ бол хэтэрхий том мэдээлэл юм), гэхдээ миний хавчуургад байгаа болон ашигладаг үйлчилгээгээ энд нийтлэх болно.
Би энэ хэрэгсэлтэй олон жил нөхөрлөсөн. Өнгө сонгоход хамгийн тохиромжтой хэрэгсэл (миний бодлоор). Энэ нь олон нэмэлт боломжуудтай. Жишээлбэл, сонгосон өнгө бүхий цайвар, бараан хуудасны жишээг харж болно.
Өнгөний харалган болон бусад харааны бэрхшээлтэй хүмүүс таны өнгөний схемийг хэрхэн харахыг үнэлэх боломжтой. Та интернетэд аюулгүй өнгө сонгох боломжтой.
Adobe Kuler бол миний байнга ашигладаг хоёр дахь вэб хэрэгсэл юм. Өнгөний схемийг сонгох нь өмнөх сайттай бараг ижил боловч би үүнд дуртай биш юм. Өнгөний схемийг өөрөө бүтээхээс гадна бусад хүмүүсийн бүтээсэн схемүүдийг үзэж, ашиглах боломжтой.
Үүнийг хийхийн тулд зүүн дээд цэсний "Watch" товчийг дарна уу. Мөн та бүх төрлийн өнгөний хослолын галерейг харах болно.
Энэ хэрэгсэл нь Colorscheme-тэй бага зэрэг төстэй боловч цөөн функцтэй боловч өнгөт блокууд хэрхэн харагдахыг харах боломжтой.
Би энэ сайтыг бараг ашигладаггүй, гэхдээ энэ нь миний хавчуургад байгаа тул би үүнийг нэмэхээр шийдсэн.
Дараах хоёр сайт нь таны сонгосон зургаас палитр үүсгэдэг. Энэ бол ид шид :)
Та өөрт таалагдсан ямар ч зургийг сонгоод үйлчилгээ нь дүн шинжилгээ хийж, өнгөт палитр өгдөг. Эдгээр хоёр сайт нь зөвхөн зургийг хэрхэн өгөх талаараа ялгаатай.
Энэ сайт хэрэгтэй татаж авахтаны компьютерээс авсан зураг.
Маш тохиромжтой өнгө сонгогч. "Таалагдсан - Дургүй" гэсэн зарчим дээр үндэслэсэн.
Нэрнээс нь харахад эндээс та одоо загварлаг, хавтгай загварт зориулж өнгө сонгох боломжтой. Энэ сайт нь палитрыг сонгосноор Corel болон Photoshop програмуудад татаж авах боломжтой тул сонирхолтой юм.
Өөр нэг загварын чиг хандлага бол материаллаг дизайн юм. Энэ сайт нь UI (хэрэглэгчийн интерфейс) өнгөний хослолыг сонгоход тусалдаг. Нэмж дурдахад, сайт нь олон тооны дүрстэй.
Эцэст нь дахин хэрэглэгчийн интерфэйс. Энэ бол ердөө л UI дизайны өнгөний багц юм. Ямар ч өнгө дээр дарснаар та цагаан текстийг тодорхой дэвсгэр дээр хэрхэн уншихыг харж болно.
Эдгээр нь миний хавчуургад байгаа хэрэгслүүд юм.
Та вэб дизайн хийхэд ямар өнгөт тохирох сайт ашигладаг вэ гэдгийг сэтгэгдэл дээр бичээрэй?
Тохирох өнгө бүхий вэбсайт хэрэгтэй байна уу? Энийг хийцгээе :)
Алдаа олсон уу?Текстийн хэсгийг тодруулаад товшино уу CTRL+ENTER
Өнгө бол дизайнерын ажлын хамгийн чухал элементүүдийн нэг юм. Гэхдээ үзэл баримтлалын хувьд үүнийг эзэмшихэд нэлээд хэцүү байдаг: палитруудын олон хослол нь вэб хуудас, програмын интерфейсийг хэрхэн хамгийн сайн загварчлахаа шийдэхэд хэцүү болгодог. Өмнө нь бид сонгосон хэрэгслүүдийн тоймыг нийтэлсэн. Өнөөдөр бид блог дээрээ Ник Бабичийн "UX дизайнеруудад зориулсан чухал өнгөт хэрэглүүр" нийтлэлийн орчуулгыг нийтлэх замаар сэдвийг өргөжүүлэхийг хүсч байна.
Энэхүү нийтлэл нь танд маш их цаг хэмнэх вэб сайт болон UX дизайнд зориулсан өнгө тохируулах шилдэг үйлчилгээний жагсаалтыг агуулсан болно. Эдгээр төслүүдээр дамжуулан та дараахь зүйлийг сурах болно.
- урам зоригийг хаанаас авах вэ;
- өөрийн палитрыг хэрхэн бүтээх;
- Өнгөний харааны бэрхшээлтэй хүмүүст дизайныг хэрхэн хүртээмжтэй болгох вэ.
1. Урам зориг хайж байна
Байгалийн өнгө
Эргэн тойрон дахь ертөнцөөс зур. Танд хэрэгтэй зүйл бол зөвхөн эргэн тойрноо харах явдал юм. Загварын хувцас, номын хавтас, интерьер дизайн... Таны эргэн тойронд маш олон гайхалтай зүйлс байдаг. Гэхдээ хамгийн сайн өнгөний хослол бол байгалийн өнгө юм. Үзэсгэлэнтэй мөчийг авч, тодорхой зураг дээр үндэслэн өөрийн сонголтоо хийхийг хичээ.
Хамгийн сайн өнгөний хослолууд нь байгальд байдаг. Та ямар ч зурагнаас өнгөний схемийг авах боломжтой
Behance
Алдартай үйлчилгээнд та өөрийн салбарын жинхэнэ мэргэжилтнүүдийн шилдэг онлайн багцад багтсан сонирхолтой бүтээлүүдийг олох болно. Энэ сайт нь бас урам зориг өгөх гайхалтай эх сурвалж юм. Төслийн шинэ зохистой жишээг харахын тулд хүссэн өнгө сонгоход л хангалттай.
Dribbble Өнгө
Dribbble бол хэрэглэгчийн интерфэйсийг бий болгоход хэрэг болох шилдэгүүдийн нэг юм. Хэрэв та бусад хүмүүс тодорхой өнгийг хэрхэн ашигласан болохыг нүдээр харахыг хүсвэл dribbble.com/colors руу орж хүссэн утгаа оруулна уу.
Сайтын өнгө сонгохдоо энд та түүний хамгийн бага хувийг тохируулж болно - туршилт, жишээлбэл, 30% хөхийг тохируулахыг хичээ.
Dribbble-д тодорхой өнгөний хамгийн бага хувийг тохируулаад үзээрэй
дизайны урам зориг
Designspiration бол өнгөний хослолын санааг аль хэдийн эзэмшсэн, ийм хослолын жишээг үзэхийг хүсдэг хүмүүст хэрэгтэй хэрэгсэл юм. 1-ээс 5 хүртэлх сонголтыг сонгосноор та заасан параметрт тохирсон зургуудыг олох болно.
Designspiration дээр та өнгөний хослолын янз бүрийн жишээг олох болно
Tineye Multicolr
Tineye Multicolr өнгө тааруулах үйлчилгээний тусламжтайгаар та хүссэн зургийн gamut-ыг тодорхойлж, тус бүрийн хувь хэмжээг (харьцаа) тохируулах боломжтой. Энэ сайт нь Flickr-ийн Creative Commons-ын 20 сая зургийн мэдээллийн сантай нэгдсэн. Энэ бол төгс палитрыг олох хамгийн хурдан арга замуудын нэг юм.
Colorzilla
ColorZilla нь Chrome болон Mozilla Firefox хөтөч дээр суулгах өргөтгөл юм. Үүнд нүдний дусаагуур, палитр үзэх, бүтээх гэх мэт хэрэгслүүд багтана.
ColorZilla өргөтгөлийг Chrome болон Firefox дээр ашиглах боломжтой
Shutterstock спектр
Өнгөний схем ямар байх талаар ойлголттой болох хамгийн сайн аргуудын нэг бол холбогдох зургуудыг үзэх явдал юм. Вэбсайт дизайны өнгөний сонголтыг санал болгодог ихэнх шийдлүүдэд энэ функц багтдаг боловч Shutterstock Spectrum нь үнэхээр хэрэглэхэд тохиромжтой интерфэйс болон урьдчилан харах боломжтой.
Түүнээс гадна, зурагны урьдчилсан үнэлгээ хангалттай байх тул (энэ нь "усан тэмдэг"тэй байсан ч гэсэн) захиалга хийх шаардлагагүй.
W3 сургууль
Саяхан нэгэн блог W3Schools-аас сонгон авч үзсэн. Сэдвийн талаар маш олон мэдээлэл байдаг бөгөөд тэдгээрийн нэр / сүүдэр код, палитрын хослолын онол, янз бүрийн форматын тайлбарыг дуустал: HEX, RGB, CMYK, HWB гэх мэт. Мөн та энгийн генератор, хувиргагчийг олох болно. болон ижил төстэй "мини үйлчилгээ". Ерөнхийдөө харахад сонирхолтой.
2. Өнгөт палитр үүсгэх
Материалын дизайны өнгөт хэрэгсэл
Material Design Color Tool сайтын өнгө сонгогчийн үйлчилгээ нь танд өөрийн сонгосон өнгөний схемийг үүсгэх, хуваалцах, урьдчилан харах боломжийг олгоно. Түүний ашигтай функцүүдийн нэг нь өнгөний аль ч хослолын хүртээмжийн түвшинг хэмжих явдал юм.
хөргөгч
Coolors бол олон өнгийн палитр үүсгэх сайт юм. Зүгээр л тодорхой өнгө засаад хоосон зайг дарна уу. Энэ хэрэгсэл нь сайн бөгөөд та нэгээс олон үр дүн авах болно, гэхдээ та зөвхөн анхны өгөгдлийг өөрчлөх замаар хэд хэдэн сонголтыг үүсгэж болно.
Зураг дээр үндэслэсэн Coolors дахь өнгөний схем
Adobe Color CC
Өнгө тааруулах үйлчилгээ Adobe Color CC (хуучнаар Kuler) одоо нэлээд алдартай болсон. Үүнийг интернетэд чөлөөтэй ашиглах боломжтой боловч тодорхойлогч хувилбар бас бий. Энэхүү вэб програмын тусламжтайгаар та өнгөт дугуй ашиглан палитраа хийх болно.
Эсвэл та бэлэн зурагнаас тодорхой үр дүнг авч болно:
Зургийн дагуу сайтын өнгө сонгох
Энд хэдэн зуун бэлэн хослолууд байгаа бөгөөд тэдгээрийг "Үзэх" хэсгээс хайж олоорой.
Хэрэв та ширээний хувилбарыг ашигладаг бол нэг товшилтоор InDesign, Photoshop, Illustrator-д үүсгэсэн өнгөт системийг экспортлох боломжтой.
палитр
Эдгээр загварууд нь маш төстэй тул өмнөх Adobe Color CC-тэй ихэвчлэн харьцуулагддаг. Ганц ялгаа нь Палеттон дээр та таван сонголтоор хязгаарлагдахгүй, гэхдээ та нэмэлт интерфэйсийн аяыг туршиж үзэх боломжтой.
Нэмж дурдахад та харж болно. Бусадтай хамт уг програм нь ухаалаг утсаа ашиглан хаана ч ажиллах боломжийг олгодог. Өнгөт палитрыг шууд үүсгэх / экспортлохоос гадна зурагнаас тодорхой өнгө сонгох эсвэл үндсэн сонголтуудыг ашиглах боломжтой.
3. Палеттыг хүртээмжтэй болгох
Одоогийн байдлаар өнгө мэдрэхүйн эмгэг нь бидний бодож байгаагаас хамаагүй их тохиолддог. Дэлхий дээр 285 сая орчим хүн харааны бэрхшээлтэй тулгардаг. Таны сонгосон нэгийг ийм хэрэглэгчид ашиглах боломжтой эсэхийг үргэлж шалгаж байх хэрэгтэй.
WebAIM өнгөний тодосгогч шалгагч
Зарим аялгуу нь бие биетэйгээ төгс хослуулсан байдаг бол зарим нь эсрэгээрээ байдаг. Маш олон тооны төслүүд A / A тестийг давж чаддаггүй бөгөөд энэ бол баримт юм. Интерфейсийн визуал дизайн, өнгөний ялгаатай байдлыг шалгах нь маш чухал юм, ялангуяа хуудсан дээр маш олон текст байгаа бол. Эдгээр зорилгын үүднээс сайтын өнгө сонгохдоо ашиглах хэрэгтэй.
WebAIM Color Contrast Checker нь өнгөт кодыг арван зургаатын тоогоор шалгадаг вэб дээр суурилсан хэрэгсэл юм.
хөргөгч
Бид энэ үйлчилгээг дээр дурдсан. Бусад зүйлсээс гадна Coolors нь таны зохион бүтээсэн палитрыг өнгөний харалган байдлыг шалгахад тусална.
Схемийн өнгөт харалган байдлын төрөл
"Хэвийн" горимын оронд загварчлахыг хүсч буй харааны асуудлын төрлийг сонгоно уу. Үүний үр дүнд та тодорхой өнгийг ялгаж чаддаггүй хүн таны дизайныг яг яаж харахыг ойлгох болно.
Протаномитай хүн палитрыг ингэж хардаг
Chrome-д зориулсан NoCoffee Vision Simulator
NoCoffee Vision Simulator вэбсайтын тусламжтайгаар өнгөт харалган эсвэл хараа муутай хүмүүс тодорхой вэб хуудсыг хэрхэн хүлээж авахыг харах боломжтой. Жишээлбэл, "Өнгөний дутагдал" хэсэгт "Achromatopsia" сонголтыг зааж өгснөөр вэб хуудсыг саарал өнгөөр харах болно.
Детеранопи өвчтэй хүний хувьд CNN-ийн төсөл ийм харагдаж байна
Дүгнэлт
Нийтлэлд дурдсан вэбсайтууд болон UX дизайны өнгөт тохирох бүх үйлчилгээ нь танд сонирхолтой, үр дүнтэй хүрээг хайхад тань туслах болно. Гэхдээ гайхалтай палитрыг хэрхэн бүтээхийг сурах хамгийн сайн арга бол маш их дадлага, туршилт хийх явдал гэдгийг санаарай.
Вэб сайтын өнгөний схемийг сонгох нь дизайны үйл явцын хамгийн чухал үе шатуудын нэг юм. Өнгөний хослолыг сонгох нь нэлээд төвөгтэй бөгөөд бүтээлч үйл явц юм. Аз болоход, зөв сонголт хийхэд ихээхэн дэмжлэг үзүүлэх олон үйлчилгээ байдаг.
Энэхүү тоймд дурдсан эх сурвалжуудын зарим нь олон тооны бэлэн өнгөний схемээс сонгох боломжийг олгодог бол зарим нь интерактив байдлаар өөрийн схемийг бүтээх боломжийг олгодог.
Кулер
Adobe Kuler нь урьдчилан бэлтгэсэн өнгөт схемүүдийн томоохон номын санг агуулдаг. Та диаграммыг онлайнаар үзэж, Adobe Creative Suite-ийн бүтээгдэхүүнд ашиглахын тулд татаж авах боломжтой.
Өнгөт дурлагсад одоогоор 2 сая орчим хэрэглэгчийн бүтээсэн өнгөт схемтэй. Та тэдгээрийг огноо, үнэлгээ, үзсэн тоогоор эрэмбэлж үзэх боломжтой.
ColoRotate нь урьдчилан бэлтгэсэн өнгөт схемүүдийн номын сантай. Мөн та өвөрмөц 3D хэрэгслээр өөрийн схемийг үүсгэж болно. Өнгөний схемийг ColoRotate залгаасыг ашиглан Photoshop болон Fireworks дээр шууд ашиглах боломжтой.
Өнгөний схемийн дизайнер нь өнгөний схемийн төрлийг сонгох боломжийг олгодог (моно, нэмэлт, триад, тетрад, аналог). Дараа нь өнгийг тохируулах, схемийн үр нөлөөг жишээн дээр харах боломжтой болно.
ColorSchemer нь хэрэглэгчийн үүсгэсэн өнгөт схемүүдийн томоохон номын сантай. Та тэдгээрийг нийтэлсэн огноо, үнэлгээ, татагдсан тоогоор нь ангилж болно.
Pictaculous бол өнгөний схем үүсгэх энгийн онлайн хэрэгсэл юм. Та зураг байршуулах боломжтой бөгөөд үйлчилгээ нь зурагтай ашиглах диаграммыг үүсгэх болно.
Өнгөт Spire
Color Spire бол хэрэглэхэд тун хялбар үйлчилгээ юм. Та үндсэн өнгө сонгох бөгөөд энэ нь өнгөний схемийг санал болгодог. Та мөн энгийн загвар дээр схемийн харагдах байдлыг харж болно.
Өнгө тааруулах нь сайн загвар бүтээх үйл явцын хамгийн чухал үе шатуудын нэг юм.
Танд илүү хялбар болгохын тулд бид өнгөт схемийг бий болгох хамгийн сайн үйлчилгээг сонгохоор шийдсэн. Тэд цаг хугацаа хэмнэхээс гадна зохих үр дүнд хүрэх болно.
01. Adobe Color CC
Adobe өөрийн Kuler төслийн нэрийг өнгө болгон өөрчилсөн
Та энэ хэрэгслийг хуучин нэрээр нь мэддэг Adobe Kuler. Гэсэн хэдий ч Adobe саяхан алдартай вэб програмынхаа нэгийг Adobe Color CC гэж нэрлэв.
Энэ нь танд өөр өөр өнгөний схемийг сонгох, үүсгэх, хадгалах боломжийг олгодог бөгөөд тус бүр нь таван өнгө багтааж болно. Энэ хэрэгсэл нь хөтөч болон ширээний хувилбарт байдаг. Хэрэв та ширээний хувилбарыг ашиглаж байгаа бол өнгөний схемийг Photoshop, Illustrator, InDesign руу шууд экспортлох боломжтой.
02. Mudcube Color Sphere
Хэрэв та өнгөний схемийнхээ талаар эргэлзэж байгаа бол Mudcude нь өөрийн гэсэн урьдчилан бэлтгэсэн хөрөнгийн галерейтай.
Mudcube Color Sphere нь дизайнеруудад зориулсан маш хялбар бяцхан эх сурвалж бөгөөд сонгосон өнгөний зургаан өнцөгт кодыг санал болгодог төдийгүй өөрийн төслүүдийн өнгөний схемийг бий болгох боломжийг олгодог. Mudcube нь өөрийн гэсэн бэлэн нөөцийн галерейтай гэдгийг тэмдэглэх нь зүйтэй бөгөөд үүнийг та бас ашиглаж болно.
03. Миний өнгийг шалгана уу
Check my Colors нь бүх DOM элементүүдийн дэвсгэр болон урд талын өнгөний хослолыг үнэлэх, тохируулах зорилгоор тусгайлан бүтээгдсэн. Мөн элементүүд бие биетэйгээ хангалттай нийцэж байгаа эсэхийг олж мэдэхийн тулд. Бүх тестүүд нь World Wide Web Consortium-аас санал болгосон алгоритмууд дээр суурилдаг. W3C).
04. Өнгөт програм
Энэхүү програм нь сонгосон өнгөний RGB, HEX, HSLA утгыг олоход тусална
iOS хэрэгсэл The Color Appтом өнгөт палитр ашиглан өнгийг хялбар бөгөөд энгийнээр тодорхойлох боломжийг танд олгоно. Энэ нь өнгөний RGB, HEX, HSLA утгыг олж мэдэх, мөн сайтын өөрийн өнгөний схемийг бий болгох боломжийг олгоно.
05. Өнгөт ангууч
Color Hunter нь сонгосон зураг дээр үндэслэн өнгөний схемийг үүсгэдэг
Ялангуяа та тодорхой өнгө олох шаардлагатай бол энэ нь маш тохиромжтой хэрэгсэл юм. Зургаа сонгоод Color Hunter-д байршуулна уу. Энэ хэрэгсэл нь сонгосон зураг дээр үндэслэн өнгөт палитр үүсгэх болно. Энэ бол өөрийн өнгөний схемийг бий болгох гайхалтай арга юм.
06. Цагаан тугалга нүд
Хэрэв та тодорхой өнгө авах шаардлагатай бол URL-д HEX утгыг оруулна уу
Энэ сайт нь Creative Commons лицензийн гэрээгээр үнэ төлбөргүй авах боломжтой 10 сая зургийн мэдээллийн санг ашигладаг бөгөөд Flickr-ээс бүтээгчдийн анхааралтай сонгосон. Тэдгээрийг тохирох өнгөт схемийг бий болгоход ашиглаж болно.
07 Өнгө
Тохиромжтой бяцхан вэб програм. Хулганаа дэлгэцэн дээр аваачиж, хүссэн өнгөө тодорхойлсны дараа бага зэрэг гүйлгэж, сүүдрийг сонгоно уу. Үүний дараа уг хэрэгсэл нь таны төсөлд ашиглаж болох бүх шаардлагатай HEX кодуудыг өгөх болно. Ашиглахад хамгийн хялбар хэрэгслүүдийн нэг.
08 SpyColor.com
Өнгөний мэдээлэл өгөх, мөн үүнийг ямар ч схемд хөрвүүлэх боломжийг олгодог үнэ төлбөргүй өнгөний схем үүсгэгч ( RGB, CMYKмөн бусад ). Гурвалсан, монохром гэх мэт олон төрлийн өнгөний схемийг эндээс авах боломжтой.
09.Дизайн урам зориг
Designspiration дээр тав хүртэлх өнгө сонгох боломжтой бөгөөд энэ нь таны хайж буй HTML өнгөний схемийг олоход хялбар болгодог. Дараа нь сайт нь ижил төстэй өнгөний хослолыг ашигладаг мэдээллийн санд байгаа бүх зургийг агуулсан хуудсыг үүсгэх болно. Энэ нь мөн та өөрийн төсөлд ашиглаж болох HEX утгыг өгөх болно. Мөн зургуудыг сайт дээрх цуглуулгад хадгалах боломжтой.
10ColorExplorer
Өнгөний схемийн дизайн, тохируулга, аналитиктай холбоотой олон боломжуудыг санал болгодог хамгийн ухаалаг вэб хэрэгслүүдийн нэг. Тодорхойлоход тань туслах зарим хэрэгслүүд энд байна Өнгөний схемийн WCAG хүчинтэй байдал, түүнчлэн өөрийн өнгөт палитрыг үүсгэх.
11. Hex өнгөний схем үүсгэгч
Сонгосон нэг өнгөнд тулгуурлан өнгөний хослол үүсгэхэд тохиромжтой жижиг хэрэгсэл. Өнгөний зургаан өнцөгт утгыг оруулбал уг хэрэгсэл нь үндсэн өнгөөр ашиглахад тохиромжтой өнгөний багцыг өгнө.
12. ӨНГӨ хайрлагчид
COLOURlovers бол өнгөний схемийг хуваалцах нийгэмлэг юм. Энд та бусад хэрэглэгчдийн өнгөний багцаас санаа авахаас гадна өөрийнхөөрөө үүсгэж, хуваалцах боломжтой.
13. Өнгөний схемийн дизайнер
Энэхүү онлайн хэрэгсэл нь өнгөт схемийг үүсгэх сонирхолтой аргуудыг санал болгодог бөгөөд тэдгээрийн тод байдал, тодосгогчийг тохируулах боломжийг танд олгоно. Энд та өнгөт схемийн хэд хэдэн алдартай математик загвар, түүний дотор монохромыг үүсгэж болно.
14. COPASO
COLOURlovers вэбсайтын хэрэгслүүдийн нэг. Гэхдээ COPASO нь онцгой анхаарал татахуйц байх ёстой, учир нь энэ нь нэгдмэл шийдэл бөгөөд сайтын бэлэн өнгөний схемийг гаргахад хялбар болгодог. Өнгө тааруулах олон хэрэгсэл байдаг бөгөөд бүгдийг нь тохиромжтой, энгийн интерфэйс дээр байрлуулсан. Нэмж дурдахад палитрт тэмдэглэл нэмэх, зураг байршуулах гэх мэт.
15. Colormod
Colourmod нь Windows дээр Mac эсвэл Konfabulator ашиглаж байгаа эсэхээс үл хамааран виджетийн хэсгээс тусад нь өнгийг сонгох боломжийг олгодог програм хангамж юм. Энэ нь өнгөт палитртай ажиллах энгийн хэрэгсэл биш боловч хүнд програм татаж авахгүйгээр өнгийг хурдан бөгөөд хялбар тодорхойлоход тусална.
16. ColorZilla
ColorZilla-г Chrome болон Firefox-д ашиглах боломжтой
Энэхүү төсөл нь Firefox-д зориулсан залгаас болж эхэлсэн боловч өнөөдөр Google Chrome-д ашиглах боломжтой болсон. ColorZilla нь палитр, css градиент генератор, дусаагуур зэрэг өнгөт ажиллах хэд хэдэн хэрэгслийг агуулсан өргөтгөл юм.
17. Colormunki
Colormunki-г бүтээгчдийн өнгөний схемийг сонгоход тохиромжтой онлайн хэрэгсэл. Үүний тусламжтайгаар та хэд хэдэн техникийг ашиглан Pantone дээр суурилсан дээжээс дур булаам өнгөт палитрыг хялбархан үүсгэж болно.
18.colr.org
Colr.org нь ямар ч зургийн өнгөний хүрээг тохируулах боломжийг олгодог
Энэ хэрэгсэл нь зургийн өнгөний нарийвчилсан шинжилгээг хийх боломжийг олгодог бөгөөд энэ нь ихэвчлэн бусад хэрэгслүүдэд автоматаар хийгдсэн байдаг. Энэ нь танд хамгийн тохиромжтой өнгө сонгох боломжийг олгоно. Интерфэйс нь бусад програмынх шиг тийм ч сайн тооцоологдоогүй ч энэ хэрэгсэлтэй танилцахыг зөвлөж байна.
19. Color Grab
Энэхүү тохиромжтой хэрэгсэл нь ямар ч зургаас өнгөт палитр үүсгэдэг. Шинжилгээ хийхийг хүсч буй зургийнхаа хаягийг оруулснаар үйлчилгээ нь ашигласан өнгөний талаархи мэдээлэл бүхий 3D графикийг автоматаар үүсгэх болно. Хэдийгээр энэ програм нь сайтын өнгөний схемийг сонгоход тохиромжгүй боловч зураг, тэдгээрийн өнгөний шинж чанарыг судлахад ашиглаж болно.
20 өнгөт холигч
ColorBlender нь тохирох таван өнгөний палитр үүсгэдэг
Бодит цагт өнгө тохируулж, таван тохирох өнгийг авах боломжийг олгодог хамгийн энгийн хэрэгслүүдийн нэг. Үүсгэсэн палитрыг Photoshop эсвэл Illustrator дээр EPS файл хэлбэрээр татаж авах боломжтой.
21. Саарал бит
GrayBit нь вэб сайтуудыг саарал өнгөөр хэрхэн харагдахыг харах боломжийг танд олгоно
Энэ хэрэгсэл нь таны сайт саарал өнгөөр хэрхэн харагдахыг харахад тусална. Асуудлыг эсрэгээр нь тодорхойлох боломжийг танд олгох маш сайн үйлчилгээ.
22. COLRD
Өнгөний схемийг хуваалцах эсвэл урам зориг болгон ашиглаж болох хэрэгсэл. Мэдээжийн хэрэг, энэ нөөц нь хэлхээ үүсгэхэд тус болохгүй, гэхдээ үүнийг заавал анхаарч үзэх хэрэгтэй.
23 Shutterstock спектр
Зургийг өнгөний тэнцвэр, тодоор шүүж болно
Заримдаа хувьцааны зургийг хараад өнгөний схем таарч байгаа эсэхийг шалгах нь хамгийн хялбар байдаг. Бараг бүх томоохон хувьцааны нөөцүүд ийм хэрэгслийг санал болгодог боловч Shutterstock Spectrum нь хэрэглэгчдэд ээлтэй интерфэйстэй байдаг. Өнгөө тодорхойлохын тулд гулсагчийг ашигласны дараа та зургийн сэдвийг тодорхойлох түлхүүр үгсийг оруулж болно. Нэмж дурдахад та зургийг өнгөний тэнцвэр, тод өнгөөр шүүж болно.
