, які описують щільність точок у цифровому та друкованому середовищах. Ці поняття стосуються різних галузей, вони мають спільну логіку вимірювання кількості елементів зображення на один дюйм. Висока концентрація пікселів дозволяє сучасним смартфонам відображати надзвичайно чітку картинку, попри їхні компактні фізичні розміри. Для забезпечення візуальної ідентичності елементів на різних екранах операційні системи використовують спеціальні коефіцієнти масштабування. Завдяки цьому шрифти та графіка виглядають однаково на пристроях з різною роздільною здатністю, але на якісних дисплеях вони мають значно вищу деталізацію. Таким чином, розуміння щільності пікселів є критично важливим для правильного проектування інтерфейсів під різноманітні типи пристроїв.
Колірна модель RGB (Red, Green, Blue) — це адитивна система кольорів, де червоне, зелене та синє світло змішуються в різних пропорціях для створення широкого спектра кольорів на екранах електронних пристроїв, таких як монітори, телевізори, смартфони. Це модель, заснована на додаванні світла, де максимальне змішування дає білий колір (255, 255, 255), а відсутність світла — чорний (0, 0, 0).
Ключові аспекти RGB-моделі:
Адитивність: Кольори утворюються шляхом додавання світла. Чим більше світла додається, тим яскравішим стає колір.
Основні кольори: Червоний (R), Зелений (G), Синій (B).
Використання: Ідеально підходить для цифрових дисплеїв (веб-дизайн, фото, відео) завдяки здатності створювати яскраві, насичені кольори.
Значення: Кожен колірний компонент зазвичай має значення від 0 до 255. Наприклад, чистий червоний — RGB(255, 0, 0), а білий — RGB(255, 255, 255).
Шістнадцяткове представлення: Часто використовується у веб-дизайні, наприклад, #FF0000 для червоного.
Як це працює:
Кожен колір на екрані створюється комбінацією трьох світлодіодів (або пікселів) — червоного, зеленого та синього.
Змішуючи їх, можна отримати мільйони відтінків. Наприклад, жовтий колір — це поєднання червоного та зеленого.
Важливо пам'ятати:
RGB не можна відтворити на папері, оскільки це світлова модель, а не фарбова
Колірна модель CMYK (Cyan, Magenta, Yellow, Key (чорний)) – це субтрактивна модель, що використовується в поліграфії для друку, де кольори створюються шляхом накладання фарб на білий папір. Кожен колір задається у відсотках (від 0 до 100%), і змішування фарб поглинає світло, роблячи результат темнішим, на відміну від RGB (екранної моделі). Літера "K" означає Key (ключовий колір) – чорний, який додано для отримання насиченого чорного та економії фарб, оскільки змішування C, M, Y дає брудно-коричневий колір.
Основні компоненти (фарби)
C (Cyan): Блакитний/Ціан (яскравий синьо-зелений).
M (Magenta): Пурпуровий (яскравий рожево-червоний).
Y (Yellow): Жовтий.
K (Key): Чорний (ключовий колір).
Принцип роботи
Субтрактивне змішування: Фарби поглинають частину світла, що падає на папір, а решта відбивається до ока. Чим більше фарби, тим більше світла поглинається, і колір стає темнішим.
Відсутність кольору: Якщо не наносити фарби, папір залишиться білим (відсутність фарби = білий колір).
Максимальне змішування: Змішання всіх трьох фарб (C+M+Y) у реальності дає брудно-коричневий колір, а не чистий чорний, тому додають окремий чорний (K).
Використання
Поліграфія: Стандарт для будь-якого друку – від журналів і брошур до плакатів та упаковки.
Підготовка макетів: Дизайнери завжди конвертують макети з RGB в CMYK для друку, щоб кольори на папері відповідали очікуванням.
Програми: Використовується в Adobe Photoshop, Illustrator, InDesign та інших графічних редакторах для друкованої продукці
Модель HSB (Hue, Saturation, Brightness) - це колірна модель, яка описує колір через три зрозумілі людині параметри: Відтінок (Hue, колір веселки, наприклад, червоний, синій), Насиченість (Saturation, інтенсивність кольору від сірого до чистого) і Яскравість (Brightness, світла або темрява кольорів), що. Це аналог моделі HSV (Hue, Saturation, Value), де Value (значення) і Brightness (яскравість) позначають те саме.
Основні компоненти HSB:
Hue (Відтінок): Визначає основний колір та вимірюється в градусах (0-360°), як на колірному колі (наприклад, червоний – 0°, зелений – 120°, синій – 240°).
Saturation (Насиченість): Показує чистоту кольору від 0% (сірий) до 100% (повний, яскравий колір).
Brightness (Яскравість): Визначає світло або темряву кольору, від 0% (чорний) до 100% (максимальна яскравість).
Переваги HSB:
Інтуїтивність: Параметри HSB відповідають тому, як люди сприймають колір.
Зручність: Дозволяє легко створювати пастельні, яскраві або темні відтінки, просто регулюючи насиченість та яскравість при фіксованому відтінку.
Під терміном «модель LAB» найчастіше мається на увазі колірний простірCIELAB , розроблене Міжнародною комісією з висвітлення (CIE) у 1976 році.
Це апаратно-незалежна модель, що описує усі кольори, видимі людським оком.
Як влаштована модель (канали):
Колір LAB визначається трьома параметрами:
L (Lightness): Світлота. Варіюється від 0 (чорний) до 100 (білий).
a: Колірна вісь від зеленого (негативні значення) до червоного (позитивні значення).
b: Колірна вісь від синього (негативні значення) до жовтого (позитивні значення).
Основні особливості:
Апаратна незалежність: На відміну від RGB (залежить від монітора) або CMYK (залежить від принтера), LAB визначає колір математично точно, виходячи з людського сприйняття.
Величезне охоплення: LAB включає всі кольори RGB і CMYK, що робить його ідеальним «посередником» при конвертації файлів з одного простору в інший.
Поділ яскравості та кольору: Яскрава складова (L) повністю відокремлена від колірних (a, b). Це дозволяє проводити глибоку корекцію кольору або змінювати контраст, не спотворюючи при цьому колірні відтінки
Кольорове коло Іттена
Кольорове коло Іттена — це графічна схема з 12 кольорів (секторів), розроблена швейцарським художником Йоганнесом Іттеном для вивчення гармонійних поєднань та взаємодії кольорів. Воно є фундаментальним інструментом для дизайнерів, художників та стилістів у 2025 році
RGB (у шістнадцятирічній системі #ffffff - white)
CMYK (непрозорість у %)
Сайти із картинками:
Unsplash ( https://unsplash.com )
Pexels (https://https://www.pexels.com )
Pixabayhttps://pixabay.com )
Gratisography ( https://gratisography.com )
StockSnap ( https://stock )
https://phonoteka.org/19868-algoritm-fon.html
https://funart.pro/49998-fony-iz-cifr-77-foto.html