Перейти до уроку
lil cactus

Як вибрати й зберегти кольори

Початковий5 хвилинОновлено

Коротка відповідь

У Lil Cactus клацніть передній квадрат кольору внизу панелі інструментів, замініть значення в полі # на F7F1E5 і натисніть кнопку OK. Щоб узяти колір із фото, виберіть інструмент Піпетка, у списку Зразок виберіть Середнє 5 × 5 і клацніть зображення. Виберіть Вікно потім Зразки, натисніть кнопку + унизу панелі («Додати колір переднього плану як зразок»), введіть назву й натисніть кнопку Додати.

Панель «Зразки» зі збереженими кремовим і помаранчевим зразками після вбудованої палітри
Paper cream і взятий із фото Table orange збережено на панелі «Зразки» — їх можна знову вибрати. Лаймова рамка позначає зразок, який ви клацнули останнім.
Час
5 хвилин
Рівень
Початковий
Що потрібно
Код кольору або фото, з якого можна взяти колір
Підходить для
Колір переднього плану й фоновий колір; JPEG, PNG, WebP та інші відкриті зображення
Відкрити приклад у Lil CactusВикористати своє фото

Безкоштовно, без реєстрації. Ваше фото залишається на вашому комп’ютері.

Передній квадрат — це колір переднього плану; його використовують інструмент Пензель і команда Редагувати потім Заповнити кольором переднього плану. Задній квадрат — це фоновий колір; його використовує команда Редагувати потім Заповнити фоновим кольором. Зразок зберігає колір, щоб ви могли знову вибрати його, не вводячи код.

Вибір і збереження двох кольорів за п’ять кроків

  1. Виберіть точний кремовий колір

    Відкрийте приклад із цієї сторінки або виберіть Файл потім Відкрити… Клацніть передній квадрат кольору внизу панелі інструментів ліворуч. У вікні Колір переднього плану замініть значення в полі # на F7F1E5. Зразок нового кольору (Створити) стане кремовим. Натисніть кнопку OK.

    Можна також ввести значення червоного, зеленого й синього в поля R, G і B.

    Елементи керування кольором унизу панелі інструментів з обведеним переднім квадратом кольору переднього плану
    Клацніть передній квадрат, щоб відкрити «Колір переднього плану»; збільшений вигляд.
    Збільшена права колонка вікна «Колір переднього плану»: кремовий попередній перегляд нового кольору, RGB 247 241 229 і F7F1E5 в обведеному полі #
    Права колонка вікна «Колір переднього плану», збільшено. F7F1E5 — кремовий колір, використаний тут.
    Нижня частина вікна «Колір переднього плану» з кнопкою «Скасувати» й обведеною кнопкою «OK»
    Кнопки внизу палітри кольорів.

  2. Збережіть його як Paper cream

    Виберіть Вікно потім Зразки. Унизу панелі натисніть обведену кнопку + («Додати колір переднього плану як зразок»). Назвіть зразок Paper cream і натисніть кнопку Додати.

    Новий зразок з’явиться на панелі «Зразки» після вбудованих кольорів. Наведіть вказівник на зразок, щоб побачити його назву й шістнадцятковий код.

    Меню «Вікно» з обведеним пунктом «Зразки»
    Відкрийте панель «Зразки» з меню «Вікно».
    Сітка зразків і нижня частина панелі з обведеною кнопкою «Додати колір переднього плану як зразок»
    Обведена кнопка внизу панелі зберігає поточний колір переднього плану.
    Діалогове вікно «Новий зразок» з назвою Paper cream у полі «Назва»
    Дайте кольору назву, за якою впізнаєте його згодом.

  3. Виберіть піпетку і розмір зразка

    Клацніть правою кнопкою миші кнопку на панелі інструментів під кнопкою «Кадрування» і над кнопкою «Пензель» або натисніть і утримуйте її, а потім виберіть Піпетка. На панелі параметрів у списку Зразок замініть Точка на Середнє 5 × 5.

    «Точка» зчитує один піксель. Середнє змішує невеликий квадрат пікселів навколо місця клацання, тож окрема цятка текстури впливає менше.

    Група інструментів «Піпетка» на панелі інструментів з обведеною кнопкою й пунктом «Піпетка», між сусідніми інструментами «Кадрування» і «Пензель»
    Піпетка ділить цю кнопку з інструментами «Колірна піпетка» й «Лінійка»; збільшений вигляд.
    Параметри піпетки: «Зразок» зі значенням «Середнє 5 × 5» і обведеним списком
    Для текстурованої стільниці використовуйте середнє 5 × 5.

  4. Візьміть колір помаранчевого столу й збережіть його

    Клацніть вільну помаранчеву стільницю ліворуч від блюдця — приблизно на третині ширини фото й на рівні середини чашки. Точка 1 позначає цю ділянку. Квадрат переднього плану стане помаранчевим.

    Тією самою кнопкою внизу панелі, що й на кроці 2, збережіть цей колір як Table orange. Ваш помаранчевий може трохи відрізнятися залежно від місця клацання.

    Приклад із кавою, точка 1 на вільній помаранчевій стільниці ліворуч від чашки
    Візьміть колір стільниці в точці 1, подалі від чашки та її тіні.
    1. Візьміть колір помаранчевої стільниці
    Діалогове вікно «Новий зразок» з назвою Table orange у полі «Назва»
    Збережіть узятий колір як Table orange.

  5. Виберіть кольори переднього плану й фону зі зразків

    На панелі «Зразки» клацніть Paper cream, щоб зробити його кольором переднього плану. Утримуючи Alt у Windows або Option на Mac, клацніть Table orange, щоб зробити його фоновим кольором.

    Тепер передній квадрат кремовий, а задній — помаранчевий. Обидва іменовані зразки залишаються доступними, коли ви вибираєте інші кольори.

    Порада Спершу клацніть поза текстовими полями. X міняє місцями колір переднього плану й фоновий колір; D скидає їх до чорного й білого.

    Квадрати кольорів унизу панелі інструментів: кремовий спереду й обведений помаранчевий задній квадрат
    Тепер у задньому квадраті взятий із фото помаранчевий; збільшений вигляд.

Вибір кольорів без відкриття діалогового вікна

Виберіть Вікно потім Колір, щоб елементи керування кольором були завжди на виду. Його поле # у рядку з позначкою Передній план змінює колір переднього плану безпосередньо. Елементи «Колірний тон», «Насиченість» і «Освітленість» змінюють сам колір, його інтенсивність і те, наскільки він світлий чи темний.

Панель «Колір» з елементами «Колірний тон», «Насиченість» і «Освітленість» та обведеним полем # у рядку «Передній план» зі значенням F7F1E5
Панель «Колір» змінює колір переднього плану без кнопки «OK».

Використання кольорів у дизайні

Вибір кольорів і зразки: запитання та відповіді

Що таке шістнадцятковий код кольору?

Шестизначний шістнадцятковий (HEX) код кольору описує червоний, зелений і синій парами цифр: RRGGBB. Наприклад, F7F1E5 — це RGB 247, 241, 229. Знак # позначає, що це шістнадцятковий код.

Чи перефарбовує вибір кольору моє фото?

Ні. У Lil Cactus вибір кольору переднього плану чи фонового кольору не змінює пікселів зображення. Щоб нанести цей колір на зображення, малюйте пензлем або виберіть «Редагувати › Заповнити кольором переднього плану».

Де Lil Cactus зберігає збережені зразки?

Lil Cactus зберігає власні зразки разом із назвами в цьому браузері на цьому пристрої. Вони залишаються після перезавантаження сторінки, але очищення збережених даних сайту їх видаляє. В іншому браузері вони автоматично не з’являються.

Чи можна імпортувати й експортувати зразки кольорів?

Так, у різних форматах. У Lil Cactus кнопка «Експортувати зразки» (стрілка вгору, друга зліва внизу панелі «Зразки») завантажує файл sadcactus-swatches.json з назвами кольорів і шістнадцятковими кодами. Кнопка «Імпортувати зразки (.ase)» ліворуч від неї (стрілка вниз) приймає файли .ase зі зразками RGB або в градаціях сірого; експортований файл JSON вона імпортувати не може.

Як перейменувати або видалити збережений зразок?

У Lil Cactus клацніть свій збережений зразок на панелі «Зразки» правою кнопкою миші й виберіть «Перейменувати…» або «Видалити зразок». Ці команди стосуються ваших збережених кольорів; вбудовані зразки не можна перейменувати чи видалити.

Чи можна скасувати зміну кольору в палітрі?

Так. У Lil Cactus кнопка «Скасувати» повертає колір, який був поточним, коли ви відкрили палітру кольорів. «OK» залишає новий колір.

Опубліковано  · Востаннє перевірено