Колірна палітра сайту розбираємо і підбираємо разом
Всіх мам-читачок нашого блогу ми з Антоном від душі вітаємо і бажаємо, що ваші дітки завжди радували вас і пишалися вами, а ви ними. І букет моїх улюблених хризантем для вас, милі дами 🙂
Ну а сьогодні останній день осені дуже здивував нас погодними умовами. Буквально вчора термометр показував -7 і зривався сніжок, а сьогодні +7 і дощ іде весь день. Ось так прощається з нами осінь.
Ну що ж будемо зустрічати зиму. Цікаво яка вона буде в цьому році? У минулому році у нас було мало снігу, але були дуже сильні морозні вітру. Сподіваюся, ця зима буде сніжною. Мені так вже хочеться прогулятися по щойно випав сніжку, коли йдеш, а він похрустивает і блищить на сонечку. А то, чесно кажучи, бруд і калюжі за вікном вже так набридли.
Як можна перевірити вдалий чи вибір кольору для проекту? Та дуже просто. Якщо вас дизайн не злякав і ви в перші 2-3 хвилини не проявили бажання закрити сайт, то колірні поєднання на сайті підібрані добре.
Але є й інші випадки, коли при відкритті сторінки ваші очі отримують шок від різноманіття непоєднуваних кольорів або ж їх яскравості і т.д.
Що таке колірна палітра?
Колірна палітра - це спектр кольорів і відтінків, які візуалізуються в певному виді.
Колір може допомогти перетворити безликий дизайн в яскравий і індивідуальний проект, виділити вас з різноманіття інших веб-проектів, що знаходяться у всесвітній павутині.
Колір - це інструмент, тому їм треба вміти працювати і використовувати на благо розвитку ресурсу. Навіть мінімальне поєднання кольорів може видозмінити блог, зробити його або енергійним, або заспокійливим і т.п. Головне правило - колірна гамма повинна бути збалансованою і гармонійною.
Наскільки правильно і грамотно ви підберете колірну палітру вашого сайту, буде залежати його успіх і розвиток. Прочитайте обов'язково ось цю статтю, де я розповідала як збільшити відвідуваність сайту за допомогою психології кольору.
Головне завдання веб-майстра або веб-дизайнера зробити сайт не тільки красивим, але таким, що запам'ятовується з певною родзинкою і індивідуальністю. Вибрати в якому кольорі буде блог не так складно, складність полягає в підборі відтінків, які будуть поєднуватися з основним кольором, вигідно доповнювати його або розбавляти.
Види колірних моделей
Для вибору кольорової палітри можна скористатися допомогою колірних моделей. Що це таке? Колірна модель - певна форма опису кольорів у вигляді деяких складових, які представлені з 3-4 значень.
Для різних цілей використовують найбільш підходящі колірні моделі. Розглянемо найпоширеніші - це CMYK, HSV (B), RGB.
Колірна модель CMYK. У ній представлені чотири кольори: Cyan [блакитний], Magenta [пурпурний], Yellow [жовтий] і Black [чорний].
Модель CMYK описує поглинаються кольору. Кольори, які використовують білий світ, віднімаючи з нього деякі ділянки спектра, називаються вичітательнимі. Якраз такі кольори і використовуються. Вони виходять шляхом вирахування з білого адитивних (поєднуваних) квітів моделі RGB. Блакитний колір виходить шляхом вирахування з білого червоного кольору, пурпурний - зеленого, жовтий - синього.
Колірна модель HSV (B). У ній представлені наступні координати:
Колірна модельRGB. Ця модель описує випромінювані кольори. Вона заснована на трьох базових кольорах: червоний (Red), зелений (Green) і синій (Blue). Решта - виходять шляхом їх поєднання і називаються вони аддитивними.
Суть моделі RGB полягає в тому, що кольори виходять шляхом додавання до чорного: наприклад, змішуємо червоний і синій колір = пурпурний, змішуємо все три базових кольори = білий колір.
Робота з кольором вHTML
Комп'ютери розпізнають колір використовуючи двійкову і шістнадцяткову систему числення. Мовою HTML код кожного кольору складається з трьох шістнадцятирічних блоків, значення яких варіюються від 00 до ff.
- Білий - #ffffff;
- Чорний - # 000000;
- Жовтий - # ffff00;
- Червоний - # ff0000.
Але не лякайтеся таких позначень, їх вручну не доведеться підбирати. Є дуже багато безкоштовних програм-помічників.
1. Яндекс. Введіть в пошукову рядок RGB і відразу відкриється віджет, що допомагає підібрати колір.
2. Програма HTML Colors має інструмент «Піпетка», який розпізнає код будь-якого кольору.
3. Програма Пікс. Покаже вам позначення будь-якого кольору, на який ви наведете курсор.
4. Онлайн-сервіси для створення кольорової палітри (Kuler; Color Blender; Color Scheme Designer; Color Combos; Color Palette Generator). У цій статті я більш детально розглядала їх.
Всі ці сервіси допоможуть вам підібрати поєднання відповідних кольорів. Адже погодьтеся не всі ми в душі дизайнери і власники смаку. А ці програми можуть направити нас на «шлях істинний». Завдяки їм ми можемо самостійно вибрати цікаві і поєднувані колірні рішення, які будуть подобаються не тільки нам, а й нашим відвідувачам.
Не забувайте, що колір може призвести незгладимий ефект на ваших Новомосковсктелей. Головне, щоб цей ефект був позитивний!