Знайдіть коди для всіх кольорів та зображень веб-сайту

Виконуючи графічну роботу на комп’ютері, яку б програму ви не використовували, ви повинні вибрати кольори .
Вибір правильних кольорів дуже важливий як для того, щоб відрізнити хорошу роботу від поганої, так і зробити зміст вашого графічного проекту читабельним для всіх. Під графічним дизайном ми розуміємо все, що стосується створення фігур та зображень на комп'ютері, тому також створення Powerpoint презентації та дизайну веб-сайту, редагування фотографій зображення або навіть банального вибору кольору написання символу на документі, таблиці або просто для фону.
Дуже часто, вибираючи кольори, намагаються взяти натхнення у зображень чи веб-сайтів, і якщо кольорова гамма виконана добре, немає авторських прав, що заважають її копіювати.
ЧИТАЙТЕ ТАКОЖ: Як змінити кожен сайт або веб-сторінку, текст, графіку та кольори
Однак на комп’ютері можливих кольорів багато та організовано різними способами залежно від програми, яку ви використовуєте.
Наприклад, у Windows та на багатьох програмах різних типів ви обираєте кольори з керованою панеллю, де зі стрілкою ви вибираєте базовий колір та відтінок.
Наприклад, просто перейдіть до властивостей робочого столу, виберіть фон і спробуйте встановити фіксований колір; спочатку з'являються деякі стандартні кольори, потім ви можете натиснути на "інші кольори", щоб отримати доступ до вікна вибору для всього діапазону.
У цьому випадку кольори відрізняються для коду RGB, тобто координати основної таблиці кольорів, які є зеленим, синім та червоним.
На веб-сайтах мовою html кольори позначаються шістнадцятковим кодом типу # 6A6965, для походження та пояснення якого я посилаюся на конкретну обробку.
Мета цієї сторінки - взяти до відома деякі корисні програми для вилучення цих кольорів із того, що з’являється на моніторі ПК, щоб підібрати саме той і використовувати його на своєму веб-сайті, на графічній презентації чи в будь-якій програмі малювання.
1) Найкращим безкоштовним інструментом, який фіксує кольори з екрана і дозволяє читати код з метою його повторного використання, є ColorPix .
Це невелика портативна програма без встановлення, яка говорить про RGB і шістнадцятковий коди кольору, на якому зупиняється стрілка миші.
Щоб витягнути колір з іншого сайту або зображення в його найточнішому відтінку, скористайтеся стрілкою миші з відкритою ColorPix, щоб прочитати, який код потрібно ввести для його повторного використання.
За допомогою лупи ви можете збільшити масштаб на невеликій частині екрана, щоб зібрати точні деталі .
Кожен колір автоматично переводиться у код RGB, HEX, HSB та CMYK.
2) Кольоровий детектор - це програма, аналогічна попередній, в якій одержують кольоровий код, шістнадцятковий та RGB, щодо місця, де на екрані знаходиться стрілка миші. З F5 колір припиняється, а з F6 код HEX копіюється з F7 RGB-кодом.
У цьому випадку немає можливості масштабування частини екрана чи зображення, тому воно менш точне.
3) ColorZilla - це розширення для Chrome і Firefox, яке використовується для вибору кольорів, які слід використовувати, і шістнадцятковий код обраної точки. ColorZilla має інструмент для аналізу кольорів веб-сайту, вибір палітри та генератор градієнтів CSS. Для його функцій та зручності це, мабуть, найкращий інструмент для тих, хто хоче вивчити кольори сайтів.
4) Оскільки вибір кольорів повинен бути послідовним, потрібно певний погляд не робити «липкий», таким чином уникаючи поєднання яскравих кольорів, які будуть дратувати і ставати липкими. Ми повинні врахувати, що вибір правильних кольорів важливий як для розбірливості та естетики, так і для маркетингових питань. Вибір правильних кольорів призводить до каталізації уваги громадськості на деяких важливих деталях.
Для кольорових схем, отже, можна використовувати онлайн-інструмент Paletton, який показує, з урахуванням певного кольору, які інші сумісні з ним.
5) Генератор кольорової палітри надає підтримку та натхнення тим, хто створює веб-сайти для створення кольорових варіацій, з відповідним кодом.
6) Colorzilla - це розширення для Google Chrome, яке використовується для пошуку кольорів, які використовуються на веб-сайтах, та спробу різних комбінацій.
7) Що стосується контрастності кольорів, дуже важливо переконатися, що на сайті чи презентації чи нанесенні зображення кольори мають чітко визначені кольори. Справді, слід враховувати, що сприйняття кольорів не однакове для всіх і що через проблеми із зором або кольоровою сліпотою може статися так, що написання на тлі стає нерозбірливим. Найкращим інструментом для використання є програмне забезпечення Contrast-A, яке забезпечує автоматичну та негайну перевірку контрасту між двома кольорами відповідно до міжнародних стандартів веб-сайтів WCAG (Web Content Accessibility Guidelines).
Contrast-A можна використовувати в Інтернеті через браузер.
8) CPick - це ще одне автоматичне захоплення кольорів, де потрібно натиснути кнопку «Клацнути та перетягнути», утримувати її та перетягнути курсор миші, перетворений у сітку, що підходить для точного вибору кольору із того, що з’явиться на робочому столі .
CPick показує для кожного кольору обрамлення код RGB, шістнадцятковий, десятковий і HSV та CMYK.
Серед кнопок вгорі є два дуже корисні для тих, хто створює веб-сайт, тому що можна створити список кольорів, щоб запам'ятати їх та створити CSS або HTML-код, щоб надати кольорову схему веб-сторінці.

Залиште Свій Коментар

Please enter your comment!
Please enter your name here