Готин мамят лист за цветови комбинации. Цветно колело Цветно колело онлайн избор на цвят

Цветовете играят огромна роля в уеб дизайна. За да изберете правилно цветова схема за уебсайт, има специални услуги. Сигурен съм, че всеки уеб дизайнер има поне едно от тях в своите отметки.

Понякога седите и мислите какъв нюанс на синьото да изберете като основен за сайта, малко по-светъл или малко по-ярък, или може би по-тъмен ... И все още трябва да изберете допълнителни за него. Можете, разбира се, да направите това на око, но е по-добре да използвате една от специалните услуги.

Няма да говоря за теория на цветовете (това е твърде обемна информация), а просто ще публикувам тук услугите, които имам в моите отметки и които използвам.

Приятел съм с този инструмент от много години. Най-удобният инструмент за избор на цветове (според мен). Има много допълнителни функции. Например, можете да видите пример за светла и тъмна страница с избрани цветове.

Възможно е да прецените как хората с цветна слепота и други зрителни увреждания ще видят вашата цветова схема. Можете да изберете безопасни за мрежата цветове.

Adobe Kuler е вторият уеб инструмент, който използвам доста често. Изборът на цветови схеми е почти същият като в предишния сайт, но не това е причината да го обичам. Освен че сами създавате цветови схеми, можете да разглеждате и използвате схеми, създадени от други хора.

За да направите това, щракнете върху бутона в горното ляво меню „Гледайте“. И пред вас ще се отвори галерия от всякакви цветови комбинации.

Този инструмент е малко подобен на Colorscheme, но има по-малко функции, но можете да видите как ще изглеждат цветните блокове.

На практика не използвам този сайт, но тъй като го имам в отметките си, реших да го добавя.

Следните два сайта генерират палитра от избраното от вас изображение. магия е :)

Избирате произволна картина, чиито цветове ви харесват, услугата я анализира и ви дава цветова палитра. Единствената разлика между тези два сайта е как предоставят изображението.

Този сайт изисква Изтеглиснимка от вашия компютър.

Много удобен инструмент за избор на цвят. Базиран на принципа „харесвам - не харесвам“.

Както подсказва името, тук можете да изберете цветове за модерния сега плосък дизайн. Сайтът е интересен, защото след като изберете палитра, можете да я изтеглите за Corel и Photoshop.

Друга модна тенденция е материалният дизайн. Този сайт ви помага да изберете цветови комбинации за UI (потребителски интерфейс). Освен това сайтът разполага с голям набор от икони.

И накрая, потребителският интерфейс отново. Ето само набор от цветове за UI дизайн. Щраквайки върху който и да е цвят, можете да видите как ще се чете бял текст на определен фон.

Това са инструментите, които имам в моите отметки.

Напишете в коментарите какви сайтове за избор на цвят за уеб дизайн използвате?

Нуждаете се от уебсайт с правилните цветове? , Хайде да го направим :)

Намерихте грешка?Изберете част от текста и щракнете CTRL+ENTER

Професионалният уеб дизайн не е завършен без създаване на цветова схема. Тази статия споделя 20 фантастични инструмента, които ще ви помогнат да намерите идеалната цветова схема.

В световната мрежа има много инструменти за постигане на цветна нирвана. Те изглеждат напълно различни, но много от тях са просто модифицирани версии на по-популярни и полезни инструменти.

Така че, за да улесним процеса на избор на цвят, сме събрали 20 от най-добрите налични инструменти. Те ще ви помогнат да не се объркате в търсене на подходящ вариант и да почувствате „цветно блаженство“

01. Охладител

Kuler е може би най-известният инструмент за работа с цвят.

Adobe Kuler е може би най-популярният онлайн инструмент за цветни теми, еволюирал от обикновен онлайн инструмент за цветове до пълноценен ресурс, където можете да създавате теми и да споделяте с други. Добавките са достъпни за всички основни приложения на Adobe, включително Photoshop, Illustrator и InDesign, което прави Kuler страхотен богат на функции инструмент за редовните потребители на Creative Suite.

02.ColorExplorer

ColorExplorer може да изпълнява много различни функции.

Може да се каже, че това е един от най-обмислените инструменти, налични в Интернет. Той предлага голям набор от инструменти за проектиране, приспособяване и анализ на вашите цветови палитри. Например инструменти, които помагат да се определи достъпността WCAGизбор на цвят, инструменти за конвертиране, които ви позволяват да се движите между различни системи и всичко необходимо за избор на цветове и създаване на палитри.

03. Цветове в мрежата

Цветовете в мрежата са базирани на Flash.

Colors on the Web зарежда плътни цветове в HEX или RGB кодове и създава набор от схеми, базирани на различни математически пропорции. Този инструмент не работи на iPad или iPhone, защото използва Flash за стартиране на програмата.

04. COLOURlovers

COLOURlovers леко напомня на Pinterest за цвят

05. Изобразително

Pictaculous ви позволява да качите изображение и да генерирате цветова схема въз основа на него.

Този инструмент от създателите на MailChimp ви позволява да качите изображение и да създадете цветова схема въз основа на неговите цветове. Той е съвместим с няколко други инструмента като Kuler и Colourlovers. Pictaculous има удобен Adobe Swatch за зареждане на теми, което прави бързо и лесно „улавянето на цветовете“, от които се нуждаете, за да допълните снимка.

06. Контраст-А

Contrast-A създава симулация на различни визуални дефекти.

Това не е вашият типичен инструмент за цветова схема. Той е предназначен да гарантира, че сте създали цветова схема, съвместима с WCAG, чрез визуализиране на нивата на контраст и използване на техники за симулиране на невъзприемаем цвят и ниска видимост. Contrast-A има много връзки към ръководства, които излагат всичко по по-удобен за потребителя начин от самия документ с технически свойства.

07. ColoRotate

ColoRotate може да се похвали с красива визуализация на „цветно колело“.

ColoRotate има сходни функции с Kuler, но се различава с показването на палитрата върху красив 3D конус и възможността за генериране на повече от 5 цвята в една схема. Инструментът може да се интегрира с избрани приложения от Creative Suite. Предлага се и като приложение за iPad и може да работи заедно с Photoshop в режим на цветна конзола.

08. Генератор на шестнадесетична цветова схема

HEX създава цветове, които се смесват добре с вашата съществуваща цветова схема.

HEX е удобен малък инструмент за генериране на цветове. Просто въведете цветен код и той ще покаже селекция от хубави цветове, които ще се съчетаят перфектно с вашите основни цветове.

09. Дизайнер на цветови схеми

Color Scheme Designer има няколко интересни начина за създаване на цветни теми.

Този онлайн инструмент има подобни функции на Adobe Kuler. Но благодарение на някои интересни техники за създаване на цветови теми, той ви позволява да изберете параметри за яркост/наситеност и контраст от свойствата на схемата, вместо да се налага да се занимавате с отделните цветове, които съставят темата. Color Scheme Designer предоставя достъп до набор от стандартни математически методи, включително способността за хармоничен избор на цветовата схема на дизайн за един (моно), две (допълнение), три (триада)или четири (тетрада)цветове с нюанси и полутонове.

10. COPASO

COPASO е отличен инструмент за решаване на няколко проблема едновременно.

Един от инструментите на сайта COLOURlovers, COPASO заслужава специално внимание, тъй като ви позволява едновременно да решавате много проблеми при създаването на палети. Той предоставя пълен набор от инструменти за избор на цвят в прост интерфейс. Използвайте го, за да пояснявате палитри, да качвате изображения, да преминавате направо към CMYK връзки и да избирате как да създадете вашата цветова схема.

11. Colourmod

Уиджетът Colourmod на вашия работен плот ви помага лесно да избирате и дефинирате цветове.

Colourmod е десктоп инструмент, който улеснява избора на един от цветовете в областта на джаджи, дори ако работите с Dashboard за MacBook или използвате Konfabulator за Windows. Colourmod сам по себе си не е инструмент за избор на палитри, но въпреки това може да се използва за избор и дефиниране на цвят. В този случай няма да е необходимо да стартирате други по-тежки програми.

12. ColorZilla

ColorZilla работи в Chrome и Firefox.

Това приложение първоначално е разработено като плъгин за Firefox, но може да се използва и в браузъра Google Chrome. ColorZilla е разширение, което има много различни инструменти за работа с цвят, включително: инструмент за избор на цвят, капкомер, създател на css градиенти и преглед на палитри.

13. Colormunki

Colormunki ви позволява да създадете цветова схема въз основа на образци на Pantone.

Удобен инструмент за работа онлайн, представен от създателите на Colormunki за калибриране на цветовете. Можете да създавате палитри на базата на цветни образци на Pantone онлайн и да използвате различни техники, за да намерите приятни комбинации.

14.colr.org

С Colr.org можете да видите цветовата гама на вашите изображения.

Този прост инструмент ви дава уникалната възможност да анализирате цветовата схема на изображение (други програми правят това автоматично). По този начин можете да видите от какви цветове се състои вашата картина и да изберете тези, които искате да зададете като основни цветове на темата.

15. ColourGrab

ColourGrab е отличен генератор на компактни цветови схеми на изображения.

Този удобен инструмент създава цветова палитра въз основа на всяко изображение в Интернет. Просто въведете URL адреса на изображението, което искате да анализирате, сайтът ще го „грабне“, ще определи цветовата му схема и ще създаде проста 3D диаграма, която показва различните цветове, използвани за това изображение. Въпреки че може да не е най-добрият вариант за стандартни теми, ColourGrab е страхотен за анализиране на разпределението на цветовете в изображенията.

16.ColorBlender

ColorBlender създава набор от пет цвята, които работят добре заедно.

Този сайт е прост инструмент, който ви позволява да създадете примерно изображение, да коригирате цветовете и да наблюдавате в реално време как се избира набор от 5 идеално координирани цвята. Палитрите могат да се зареждат директно във Photoshop или в Illustrator във файлов формат EPS.

17. GrayBit

GrayBit ​​​​ви позволява да анализирате уебсайт, за да видите как изглежда в нива на сивото.

Този удобен инструмент не избира директно цветови теми, но ви позволява да анализирате сайта си, за да видите как би изглеждал, ако го преобразувате в нива на сивото. Това ще ви помогне да проверите дали сте постигнали достатъчен контраст във вашата цветова палитра, за да я направите лесна за четене.

18. СТУД

COLRD е идеален за споделяне на вашите цветови схеми и научаване на нови.

Този цветен сайт е чудесен източник на вдъхновение, като потребителите споделят своите цветови палитри, както и градиенти и изображения. Това не е просто сайт за създаване на цветови схеми, а по-скоро истинско пиршество за естетическото чувство и си струва да го разгледате за някои невероятни открития.

19. Ловец на цветове

Color Hunter е чудесен сайт за намиране на нови цветове.

Color Hunter ви помага бързо да изберете цветовата схема на качените изображения, като търсите подходящ етикет или използвате HEX връзки. Бърз и лесен за използване, сайтът ви позволява да правите интересни цветни открития.

20. Stripe Generator 2.0

Stripe Generator 2.0 ви помага да привлечете вниманието към вашите цветови схеми.

Често се нарича "най-добрият инструмент за web2.0". Stripe Generator 2.0 е добър инструмент за създаване на хубави цветови комбинации и необичайни картини едновременно.

Представяме ви полезен инструмент за избор на цветове - цветното колело Itten.

Какво е?

Накратко, това са три диска, разположени на една и съща ос, върху повърхностите на които са показани всички основни цветове на светлинния спектър, както и максималния възможен брой нюанси и контрастна скала.

Относителното разположение на цветовете, нюансите, слотовете и индикаторите върху кръга се изпълнява въз основа на законите "колористика" (теории за цвета), така че с негова помощ е много удобно да изберете хармонични комбинации от нюанси, където е необходимо.

Тоест, всъщност това е „жива“, материална измама, на която се показват всички основни цветови схеми. „На живо“, защото можете да го вземете, за разлика от изображението на екрана.

Устройство за цветно колело

Купува

Естествено, трябва да знаете как да използвате такова на пръв поглед сложно устройство, така че на нашия уебсайт можете не само да закупите цветно колело, но и да се запознаете подробно с неговата структура, да прочетете инструкции как да го използвате и да гледате различни видеоклипове по тази тема.

Също така препоръчваме да се запознаете с онлайн услугата за избор на цветове в дрехите.

Кръг за избор на цветови комбинации

Предшественикът на това устройство в съвременната му форма е цветният пръстен Itten (виж фигурата по-долу).

Йоханес Итен беше първият, който отдели точно дванадесет цвята от целия спектър и ги подреди в кръг по такъв начин, че двойките, които контрастират колкото е възможно повече, да са една срещу друга. В центъра той постави триъгълник с три основни цвята - червен, син и жълт (именно от тях могат да се получат всички останали чрез смесване в различни пропорции). Итън затвори този триъгълник в шестоъгълник, вътре в който посочи какви нюанси ще се получат чрез смесване на основните цветове в равни пропорции.

Тоест, първото информационно съобщение, което носи такова оформление, е адресирано до начинаещи художници - те могат ясно да видят резултатите от смесването на различни цветове.

Нека разгледаме този момент малко по-подробно...

Защо има дванадесет основни цвята?

• Както можете да видите на горната фигура, има три първиченцветове (наричани още основни цветове).
• Като ги смесите по двойки в равни пропорции, можете да получите три втори, обща сума - шест.
• смес първиченсъс съсед в кръг вторидава третиченцвят. Това ни дава още шест комбинации, за общо - дванадесет.(Освен това третичните цветове могат да бъдат получени чрез смесване на първични цветове в неравни пропорции)

Разбира се, дванадесет цвята не са достатъчни, за да се ориентирате в околното разнообразие от цветове и да намерите желания нюанс или да видите какво се случва, когато смесите не съседни, а напълно произволни цветове. Следователно тези кръгове, които можете да намерите за продажба или поръчка на този сайт, са по-сложни и съдържат много по-полезна информация от обикновен „пръстен от дванадесет части Itten“.

Ръководство за смесване на цветове

С негова помощ можете да определите резултата от смесването на произволни цветове и нюанси - броят на комбинациите е достатъчен, за да може художникът да разбере какви цветове трябва да се смесват, за да се получи даден нюанс. Това е чудесно помагало за рисуване, особено за начинаещи художници.

Дори ако нюансът е малко по-различен от желания, желаният резултат може да бъде постигнат чрез промяна на пропорциите на смесените цветове.

Как могат да се определят същите тези пропорции? Наистина ли е случайно? Не, цветното колело може да помогне и с това.

Скала на насищане

Тази скала е от същата страна като ръководството за смесване, тъй като двете функции работят в тандем.

Скалата на насищане е градация на сивите тонове от черно към бяло. От сивите клетки с различна яркост, представени на скалата, винаги можете да намерите сив нюанс, който е възможно най-близък по наситеност до необходимия нюанс, след което ще стане ясно колко трябва да потъмните или изсветлите боята.

За да разберете как се прави това на практика, гледайте това видео:

Схеми за комбиниране на цветове

Обратната страна на диска съдържа не по-малко полезна информация, а може би дори повече - помага да изберете цветови комбинации въз основа на избраната схема.

Схемата за комбиниране на цветове е фигура, в най-простия случай линия, свързваща цветове, които „съвпадат“ един с друг. Формулировката е много неясна, тъй като изборът на хроматична гама е едновременно наука и изкуство.

Първо, хармонията или дисхармонията на цветовете е много субективно понятие. Както се казва, "няма приятел според вкуса".

Второ, дали са „подходящи“ или „неподходящи“ - всичко зависи от конкретната ситуация, настроението, какво точно иска да каже художникът или дизайнерът, от стила, в който се изпълнява работата, дали някой елемент трябва да бъде подчертан , или обратното - направете го невидим.

Цветното колело е инструмент, на който можете визуално да показвате всички основни цветови схеми, но трябва да знаете как да използвате този инструмент. Трябва да знаете сами или поне да усетите коя от схемите е най-подходяща за вашата задача. От наша страна ще се опитаме да публикуваме на този сайт възможно най-много полезна информация за това как да използвате цветното колело (вижте раздел

Изборът на цветова схема за уеб сайт е един от важните моменти в процеса на проектиране. Изборът на цветова комбинация е доста сложен и творчески процес. За щастие има много услуги, които могат да осигурят значителна подкрепа за правилния избор.

Някои от ресурсите, споменати в този преглед, предоставят възможност за избор от голям брой готови цветови схеми, докато други ви позволяват интерактивно да изградите своя собствена схема.

Охладител

Adobe Kuler съдържа голяма библиотека от готови цветови схеми. Можете да видите диаграмата онлайн и да я изтеглите за използване в продуктите на Adobe Creative Suite.

Color Lovers в момента разполага с близо 2 милиона цветови схеми, създадени от потребителите. Можете да ги разгледате чрез сортиране по дата, рейтинг, брой гледания.

ColoRotate разполага с библиотека от готови цветови схеми. Можете също да създадете своя собствена диаграма с помощта на уникален 3D инструмент. Цветовата схема може да се използва директно във Photoshop и Fireworks с помощта на приставката ColoRotate.

Color Scheme Designer ви позволява да изберете вида на цветовата схема (моно, комплементарна, триадна, тетрадна, аналогова). След това можете да коригирате цветовете и да видите ефекта от схемата, като използвате пример.

ColorSchemer разполага с голяма библиотека от цветови схеми, създадени от потребителя. Можете да ги сортирате по дата на публикуване, оценка или брой изтегляния.

Pictaculous е прост онлайн инструмент за генериране на цветови схеми. Можете да качите изображение и услугата ще генерира диаграма, която да използвате с изображението.

Цветен шпил

Color Spire е много лесна за използване услуга. Избирате основен цвят и той предлага цветова схема. Можете също да видите външния вид на диаграмата на прост шаблон.

Момчета, влагаме душата си в сайта. Благодаря ти за това
че откривате тази красота. Благодаря за вдъхновението и настръхването.
Присъединете се към нас FacebookИ Във връзка с

Схема № 1. Допълнителна комбинация

Допълнителните или допълнителните контрастиращи цветове са цветове, които са разположени от противоположните страни на цветното колело на Itten. Тяхната комбинация изглежда много жива и енергична, особено при максимална наситеност на цветовете.

Схема № 2. Триада - комбинация от 3 цвята

Комбинация от 3 цвята, разположени на еднакво разстояние един от друг. Осигурява висок контраст, като същевременно поддържа хармония. Тази композиция изглежда доста жива дори при използване на бледи и ненаситени цветове.

Схема № 3. Подобна комбинация

Комбинация от 2 до 5 цвята, разположени един до друг на цветното колело (в идеалния случай 2–3 цвята). Впечатление: спокоен, привлекателен. Пример за комбинация от подобни приглушени цветове: жълто-оранжево, жълто, жълто-зелено, зелено, синьо-зелено.

Схема № 4. Отделно-допълваща комбинация

Вариант на допълваща цветова комбинация, но вместо противоположния цвят се използват съседни цветове. Комбинация от основен цвят и два допълнителни. Тази схема изглежда почти толкова контрастна, но не толкова интензивна. Ако не сте сигурни, че можете да използвате правилно допълващи се комбинации, използвайте разделно-допълващи се.

Схема № 5. Тетрада - комбинация от 4 цвята

Цветова схема, при която един цвят е основен цвят, два са допълващи се, а друг подчертава акцентите. Пример: синьо-зелено, синьо-виолетово, червено-оранжево, жълто-оранжево.

Схема № 6. Квадрат

Комбинации от отделни цветове

• Бяло: върви с всичко. Най-добрата комбинация със синьо, червено и черно.
• Бежово: със синьо, кафяво, изумрудено, черно, червено, бяло.
• Сиво: с фуксия, червено, лилаво, розово, синьо.
• Розово: с кафяво, бяло, ментово зелено, маслинено, сиво, тюркоазено, бебешко синьо.
• Фуксия (наситено розово): със сиво, тен, лайм, ментово зелено, кафяво.
• Червено: с жълто, бяло, кафяво, зелено, синьо и черно.
• Доматено червено: синьо, ментово зелено, пясъчно, кремаво бяло, сиво.
• Черешово червено: лазурно, сиво, светло оранжево, пясък, бледожълто, бежово.
• Малиново червено: бяло, черно, цвят дамаска роза.
• Кафяво: ярко синьо, кремаво, розово, светлобежово, зелено, бежово.
• Светло кафяво: бледожълто, кремаво бяло, синьо, зелено, лилаво, червено.
• Тъмно кафяво: лимоненожълто, синьо, ментово зелено, лилаво розово, лайм.
• Тен: розово, тъмно кафяво, синьо, зелено, лилаво.
• Оранжево: синьо, синьо, лилаво, виолетово, бяло, черно.
• Светло оранжево: сиво, кафяво, маслинено.
• Тъмно оранжево: бледожълто, маслинено, кафяво, черешово.
• Жълто: синьо, лилаво, светло синьо, виолетово, сиво, черно.
• Лимонено жълто: черешово червено, кафяво, синьо, сиво.
• Бледожълто: фуксия, сиво, кафяво, нюанси на червено, тен, синьо, лилаво.
• Златисто жълто: сиво, кафяво, лазурно, червено, черно.
• Маслина: оранжево, светло кафяво, кафяво.
• Зелено: златисто кафяво, оранжево, светло зелено, жълто, кафяво, сиво, кремаво, черно, кремаво бяло.
• Салатен цвят: кафяво, кафяво, светлобежово, сиво, тъмно синьо, червено, сиво.
• Тюркоаз: фуксия, черешово червено, жълто, кафяво, кремаво, тъмно лилаво.
• Електрично синьото е красиво, когато се комбинира със златисто жълто, кафяво, светло кафяво, сиво или сребристо.
• Синьо: червено, сиво, кафяво, оранжево, розово, бяло, жълто.
• Тъмно синьо: светло лилаво, светло синьо, жълтеникаво зелено, кафяво, сиво, бледо жълто, оранжево, зелено, червено, бяло.
• Люляк: оранжево, розово, тъмно лилаво, маслинено, сиво, жълто, бяло.
• Тъмно лилаво: златисто кафяво, бледожълто, сиво, тюркоазено, ментово зелено, светло оранжево.
• Черното е универсално, елегантно, изглежда във всякакви комбинации, най-добре с оранжево, розово, светло зелено, бяло, червено, лилаво или жълто.