Rgb fixed что это
Цветовые пространства: большой разбор
Всё, что нужно знать о CMYK, RGB, HSL, HSB, LAB и чистых градиентах.
Для работы с цветом необходимо хорошо понимать, как он устроен. Есть системы представления цвета, с которыми дизайнер сталкивается каждый день. Но есть и другие, не столь популярные модели. Разберёмся, как они устроены, чем отличаются и как эти знания можно применить на практике.
Ведущий интерфейсный дизайнер в K&K TEAM, увлечён дизайном, технологиями и людьми. В свободное время ведёт Telegram-канал «Karoza Ҩ»
Воспроизводимые представления цвета
Цветовые модели RGB и CMYK соответствуют физическому представлению цвета на носителе. RGB отвечает за то, с какой интенсивностью светятся диоды красного, зелёного и синего цветов внутри пикселя монитора. CMYK задает пропорции смешиваемой краски на листе бумаги.
Цветовое пространство CMYK — субтрактивное: если сложить все цветовые компоненты, то итоговый цвет будет чёрным. По этому же принципу работают обычные краски, а потому пространство CMYK используется в полиграфии. Через процентные соотношения в нём записаны пропорции смешения четырёх красок: бирюзовой ( Cian), пурпурной ( Magenta), жёлтой ( Yellow) и чёрной ( Key color, blac K). Интенсивность каждого цвета задаётся в процентах от 0 до 100.
Дизайнеры, работающие с печатью, знают, что не все видимые на экране цвета возможно воспроизвести в CMYK. Связано это с тем, что модель RGB ― с ней работает монитор ― построена на излучении света, а CMYK ― на поглощении.
Для более точного отображения цветов при печати требуется допечатная подготовка. Во время неё экранные цвета пространства RGB переводятся в CMYK, чтобы получаемые оттенки на экране и бумаге были максимально приближены друг к другу.
Pantone — американская компания, основанная в 50-е годы в Нью-Йорке и занимающаяся производством пигментов и продажей чернил. Компания разработала систему стандартизации цветов Pantone Matching System (PMS), в которой каждому цвету присваивается специальный код.
Поскольку не все цвета можно воспроизвести в CMYK наложением четырёх стандартных красок во время печати, в полиграфии существует дополнительная палитра Pantone. Например, серый и жёлтый, которые Pantone выбрала в качестве цветов 2021 года, получить наложением палитры CMYK на листе невозможно.
Выбор цветов Pantone шире, потому что его на бумагу наносят одной краской, тон которой получен смешением пигментов ещё на фабрике. Также цвета Pantone используют при печати больших тиражей в один-три цвета.
PMS — Pantone Matching System — система подбора цвета, но не цветовое пространство, так как у цветов есть код, но нет значений цветовых координат.
CMYK используется в полиграфии для печати фотографий и цветных иллюстраций, небольших тиражей, а также в домашних и офисных принтерах.
RGB ― это цветовое пространство, здесь каждый цвет задаётся в виде трёх координат. Смешение цвета происходит по аддитивному принципу ― если сложить все три основных цвета, то результат будет не чёрным, а белым. Поэтому RGB используется в системах, построенных на излучении света, что делает её самой распространённой ― с ней работают все экраны.
Цветовой оттенок в RGB создаётся смешиванием красного ( Red), зелёного ( Green) и синего ( Blue) каналов с разной интенсивностью излучения. Яркость каждого из трёх основных цветов закодирована числом от 0 до 255, то есть занимает 256 бит или 32 байта.
Например, RGB (90, 0, 157) соответствует фиолетовому, а RGB (255, 223, 0) — жёлтому.
Для удобства записи придуманы HEX-коды обозначения цветов, в которых интенсивность каждого из трёх цветов задаётся через двузначное число в шестнадцатеричной системе, что даёт те же 256 комбинаций или 32 байта, ведь
16 × 16 = 256.
В шестнадцатеричной системе цифры обозначаются от 0 до F, в результате
HEX-коды выглядят вот так: #5A009D — фиолетовый, #FFDF00 — жёлтый. Преимущество такой записи ― стандартизация и удобство копирования короткого цветового значения.
Иногда HEX-код в CSS или графических редакторах содержит только три знака, в таком случае каждый второй символ в записи с овпадает с первым. То есть #F45 интерпретируется как #FF4455, #000 — #00000.
Поскольку с цветовым пространством RGB работают все экраны, то применяется оно практически везде ― от разработки макетов для печати (цвета переводятся в CMYK в самом финале) до разработки сайтов и интерфейсов.
Свойства цвета
Перед тем как перейти к следующему разделу, нужно разобраться в некоторых определениях колористики — науки, изучающей свойства цвета.
Важные понятия
Цветовой тон (Hue) — положение цвета в видимом спектре. Человеческий глаз различает цвета от красного до фиолетового, цветовой тон ― это место цвета в спектре. Красный, оранжевый, жёлтый, зелёный, голубой, синий, фиолетовый — всё это цветовые тона.
Насыщенность (Saturation) — интенсивность цвета, красочность, степень отличия цвета от равного по светлоте серого. Чем ближе цвет к серому, тем он менее насыщенный.
Яркость (Brightness) — приближённость цвета к чёрному. Чем ниже яркость, тем цвет темнее. Нередко яркость путают с насыщенностью, но это разные характеристики.
Цилиндрические цветовые пространства
Модель RGB технически подходит для компьютеров и экранов, но в этом пространстве сложно работать, если нужно изменить что-то одно ― яркость, насыщенность или цветовой тон.
Допустим, мы используем синий цвет RGB (63, 42, 255), но для второго макета нам нужен более тёмный синий того же тона или же зелёный той же яркости и насыщенности. При изменении одной характеристики изменились сразу три параметра: синий теперь имеет значения RGB (18, 12, 77), а зелёный —
RGB (67, 255, 42).
Поэтому в программах для дизайнеров цветовой тон настраивается полоской, а яркость и насыщенность ― через цветовое поле.
Координаты цвета существуют в кубической системе RGB, но в графических редакторах управление цветом реализовано с использованием другой модели ― цилиндрической версии RGB, которая называется HSB или HSV.
В HSB цветовой тон ( Hue) задаётся в градусах на цветовом круге от 0° до 360°, а насыщенность ( Saturation) и яркость ( Brightness) в процентах от 0% до 100%.
Чтобы получить в HSB чёрный, надо уменьшить яркость до 0%, а тон и насыщенность не важны. Для получения белого нужно понизить насыщенность до 0% — то есть приблизить цвет к серому, а яркость повысить до 100%. Для получения чистых цветов яркость и насыщенность должны быть 100%.
Иногда цветовое пространство HSB называют HSV ( H ue — цветовой тон, S aturation — насыщенность, V alue — значение). Не стоит путаться — это альтернативное название, а не другое цветовое пространство.
В CSS помимо HEX-кодов RGB применяют цилиндрическое цветовое пространство HSL, где вместо яркости ( Вrightness) используется светлота ( Lightness). HSB и HSL очень похожи, но не идентичны.
Главное отличие HSL в том, что при любых значениях тона и насыщенности светлота в 0% даст чёрный, а светлота в 100% — белый. В HSB 100% последнего параметра ― яркости — даёт наиболее яркий цвет, а белый возможен, только если насыщенность равна нулю.
То есть светлота в HSL отвечает за примесь чёрного или белого, освещённость. При конвертации цвета из системы HSL в HSB изменение параметра L будет влиять на два параметра сразу — S и B, неизменным сохранится только цветовой тон — H.
Цилиндрические цветовые пространства полезны в ситуациях, когда нужно управлять только одним из параметров цвета. Например, для создания палитры, где изменение основного цвета приводит к изменению цветового тона, насыщенности или светлоте дополнительных. В этом случае дополнительные цвета необходимо задавать через отклонения от основного в цилиндрической цветовой системе.
В новой философии дизайна Material You компании Google цвета интерфейса подстраиваются под цвет обоев рабочего стола. Вполне возможно, что для такой автоматической подстройки применяют алгоритмы, использующие цилиндрическое цветовое пространство.
Дано: пользователи двух статусов.
Задача: автоматически создавать аватары пользователям с учётом их статуса. У одних пользователей должны быть светлые буквы на тёмном фоне, а у других — тёмные буквы на светлом.
Для изменения цветового тона необходимо изменить параметр Hue, а остальные параметры сохранить. Для светлого фона используем значения HSL: [0–360°], 100%, 78%, а для тёмного — HSL: [0–360°], 100%, 30%.
В результате цветовой тон аватарок генерируется автоматически с заданной светлотой, а буквы на них хорошо читаются.
LAB и LCh
Одна из проблем пространств RGB и CMYK состоит в том, что это просто
набор значений, которыми должно оперировать устройство вывода ― принтер или экран. Реальное отображение цвета, заданного в RGB и CMYK, зависит от множества факторов. При печати ― от качества краски и печатного оборудования, плотности бумаги, влажности воздуха. На экранах — от качества монитора и его калибровки. Не говоря уже о том, что освещение также влияет на фактическое восприятие цвета глазом.
Создатели CIELAB, также известно как LAB, преследовали цель спроектировать такое цветовое пространство, которое не будет привязано к конкретному устройству и покроет весь видимый спектр. Также было важно, чтобы изменение значений координат было нелинейным и приводило к изменению цвета по логике, близкой к осознанию цвета человеком.
Значения цвета в LAB задаются через светлоту ( Lightness) и две координаты, отвечающие за хроматическую составляющую: тон и насыщенность.
A — положение цвета в диапазоне от зелёного до красного, B — от синего до жёлтого.
Параметр L варьируется от 0 до 100, а параметры A и B в большинстве сервисов для работы с LAB имеют значения от −128 до 128, поскольку координаты A и B обозначают не просто интенсивность какого-то цвета, а спектр между двумя цветами.
Система достаточно сложная, но можно попытаться представить её как смешение четырёх цветов — зелёного, красного, синего и жёлтого. На самом насыщенном срезе цветового пространства со светлотой 100 по углам находятся: зелёный — LAB (100, −128, 128), красный — LAB (100, 128, 128), фиолетовый — LAB (100, 128, −128), бирюзовый — LAB (100, −128, −128), а в самом центре белый —
LAB (100, 0, 0). Как и в случае с RGB, настраивать цветовой тон удобнее в цилиндрической версии LAB — LCh.
Цилиндрическая версия LAB называется LCh, вместо прямоугольных в ней используются полярные координаты. Параметр C ( Chroma — хроматическая составляющая, насыщенность) отвечает за длину радиуса и удалённость от центра цветового круга, а h ( Hue) за угол поворота в градусах — то есть цветовой тон.
LAB используют как промежуточное цветовое пространство для конвертирования RGB в CMYK и наоборот, поскольку оно не привязано к конкретному носителю.
В цветокоррекции его применяют, чтобы быстро убрать желтизну или усилить естественные цвета фотографии. Некоторые цветокорректоры предпочитают LAB, если с его помощью внести изменения будет проще, нежели через корректирующие слои.
Также ранее LAB использовали для удаления шума на цифровых фотографиях. Для этого достаточно было размыть цветовые каналы A или B, а поскольку цифровой шум состоит из бледных разноцветных точек, такой подход делал их менее насыщенными.
Отдельное преимущество LAB — возможности для создания чистых градиентов между насыщенными цветами. Красивые градиенты важны не только в проектировании интерфейсов и дизайн-макетов, но и в информационном дизайне.
Задача: создать чистый градиент между насыщенными цветами.
Проблема: из-за технических нюансов RGB между некоторыми насыщенными цветами при построении градиента возникает странный сероватый оттенок.
Пояснение: в кубической визуализации RGB самые насыщенные цвета расположены на углах куба, а центр занят ненасыщенными сероватыми тонами. Если создавать градиент из цветов, которые находятся на противоположных углах или гранях куба, прямая пройдет через ненасыщенную середину. Так произойдёт, например, с градиентами от фиолетового к зелёному или от жёлтого к синему.
Решение: использовать LAB-градиент.
Открываем Lch and Lab colour and gradient picker, выбираем два цвета, между которыми надо сделать переход, и вводим желаемое количество ступеней.
Копируем цвета из колонки Lab и переносим в редактор, делая линейный градиент из выбранного количества шагов.
Если в качестве редактора вы используете Figma, то нужно установить плагин Chromatic Figma, который автоматически исправляет градиенты через LAB. Результат будет немного отличаться от инструмента Дэвида Джонстона.
Виды подсветки вентиляторов для компьютера: моддинг для всех и каждого
Содержание
Содержание
Всем хочется похвастать игровой сборкой, где любой элемент переливается всеми цветами радуги. Раньше это было доступно только умельцам и любителям работать с паяльником, а сейчас каждый может сделать свой компьютер сногсшибательным. Но, помимо фантазии и художественного взгляда, пользователю необходимо иметь хотя бы базовое понятие о принципах работы подсветки и о том, как ее правильно подключить. Тем более, устройства используют целый прицеп различных подключений, разъемов и программного обеспечения. И мы ему в этом поможем.
Тенденция к подсвечиванию всего и вся стала не просто трендом, а почти современным искусством. Разноцветные огоньки есть в любых устройствах: часы, холодильники, телефоны, ноутбуки и компьютеры. Причем, именно моддинг настольных компьютеров сформировал вкус к RGB-подсветке у современных пользователей. Производители комплектующих быстро переняли опыт домашних энтузиастов и стали совершенствовать все, что с этим связано. На это также повлияло развитие диодной индустрии и появление микроконтроллеров, которые теперь занимаются созданием «магии» в корпусе.
Где можно встретить подсветку
Создание подсветки в компьютере — это как работа фотографа со светом. Только в нашем случае фотограф — это пользователь компьютера, свет — RGB подсветка, а фотомодель — системный блок. Включив хотя бы одну лампочку в корпусе, тяжело остановиться, поэтому производители помогают пользователю творить и добавляют светящиеся элементы в свои устройства или комплектующие по-максимуму.
Подсветка есть везде: в наушниках, мышках, клавиатурах и даже ковриках. Светятся даже провода от блока питания.
RGB забралась дальше — теперь все комплектующие в корпусе умеют светиться, да еще и делают это синхронно. Радиаторы чипсетов, системы питания, текстолит и слоты оперативной памяти теперь в теме.
Разноцветная лихорадка затронула не только игровую технику и периферию, но даже каким-то чудом поселилась в игровых креслах.
Тем не менее, королем на этой вечеринке, по какому-то негласному «да», считается вентилятор. Теперь это первый парень на деревне, который диктует свои условия и порядки в дизайне. А ведь и правда, современные вентиляторы стали выглядеть так сочно, что порой их хочется поставить перед собой и смотреть, смотреть, смотреть.
Во всей этой красоте фигурирует одно большое «НО» — хаос разноцветных линий, точек и кружков нужно как-то собрать воедино и подчинить. Чтобы концепция правильного моддинга и благородного стиля не затерялась в визуальном мусоре из цветовых палитр, производители придумали способ ее упорядочить. А для этого пришлось кое-что реализовать как на программном, так и аппаратном уровнях. Но обо все по порядку.
Разъемы вентиляторов
В теории и практике подключения обычных вентиляторов к материнской плате практически ничего не поменялось. На рынке имеются все те же трехпиновые и четырехпиновые модели, каждая со своими плюсами и минусами.
Трехпиновые управляются с помощью регулировки вольтажа, а четырехпиновые с помощью PWM — когда на вентилятор приходят все 12 Вольт, но дозируются импульсами по технологии ШИМ. Также бывают вертушки с питанием через Molex, где нет вообще никакой регулировки, и вентилятор работает на всю катушку. Такой вариант подходит скорее для производственных условий, нежели домашнего гейминга. Тем не менее, все способы востребованы и подходят каждый под свои задачи.
От древности к современности
Первые вентиляторы с подсветкой были очень простыми: это полностью прозрачные лопасти и корпус с четырьмя диодами по углам. Никакой регулировки цвета, только максимальная яркость и топорное исполнение. Тем не менее, это было началом эпохи диодного света в компьютерах.
Они подключаются как обычный вентилятор, к 3 пин или 4 пин на материнской плате. Часто имеют дублирующий разъем для подключения к Molex-линии от БП. Дополнительных проводов для подсветки не имеют — она работает от питания самого вентилятора. Соответственно, никаких RGB-режимов здесь нет.
Современная версия подобного вентилятора полностью аналогична по разъемам и типу питания с моделью выше, но имеет модернизированную подсветку. Вместо четырех обычных диодов, там используется лента, на которой их, во-первых, больше, а во-вторых, они распределены равномерно по всей окружности. Сейчас модно как-нибудь обозвать технологию, поэтому назовем этот вариант просто — Fixed LED.
Он выглядит свежее, чем его первобытная версия с диодами по углам. И это базовый уровень для современного моддинга ПК. Зато у такого вентилятора нет никаких проблем с совместимостью хоть с железом 2005 года.
Вентиляторы Fixed RGB
Существуют модели, у которых есть вся палитра радуги, но она фиксирована для каждого диода в ленте и не регулируется. С каждым шагом цвет переходит по градациям и создает эффект радуги. Такие модели называются Fixed RGB (FRGB) — статичная разноцветная подсветка.
Вентиляторы с фиксированными режимами подключаются через обычные разъемы на материнской плате или с помощью Molex. Дополнительных проводов для управления подсветкой нет, а питание она делит с вентилятором. Тоже не имеет проблем с подключением к устаревшим системам и смотрится изумительно:
Вентиляторы RGB
Как и предыдущие модели, эти вентиляторы имеют привычные разъемы для управления лопастями, но тема подсветки и ее управления здесь куда шире.
Подсветка у этого типа вертушек регулируемая или управляемая. То есть, можно менять, цвет, яркость и включать различные режимы работы. Буквы RGB в названии говорят о том, что на борту имеется миллион различных оттенков, но в момент времени система может воспроизводить только один цвет и только по всей окружности. Это самая доступная и востребованная модель в моддинге.
Такие вентиляторы имеют два разъема: 4 пин для управления двигателем и 4 пин для подсветки (12V-G-R-B):
Для этого на современных материнских платах предусмотрены специальные выходы, с помощью которых можно управлять диодами напрямую:
Если же материнская плата не имеет такой функции, производители предлагают использовать для управления внешний контроллер, который полностью берет управление подсветкой на себя. При этом он подключается к USB и функционирует с помощью фирменного софта.
Вентиляторы ARGB
Те самые короли подсветки в современной сборке, которые могут все. Это миллионы цветовых оттенков и их вариаций одновременно, эффект радуги, пропеллера и стрелочных часов. Впрочем, лучше один раз увидеть, чем сто раз прочитать:
И это только малая часть того, что можно сделать с ARGB. На видео показан пример управления с помощью контроллера, но при подключении напрямую к материнской плате возможности творчества расширяются.
Вентилятор умеет показывать сразу все оттенки или светить каждым цветом попеременно. Также есть управление диодами поочередно, когда включены только несколько и освещается часть лопастей. Разнообразие таких эффектов достигается с помощью технологии адресуемых диодов, а возможности ограничены лишь рамками программного обеспечения и фантазией пользователя.
Впрочем, из-за диодов ARGB изменился и способ подключения. Теперь для этого используется трехпиновый разъем 5V-D-G или VDG для некоторых материнских плат.
Почти всегда такие вентиляторы имеют 6 пин разъем, который сразу включает в себя и управление двигателем, и управление подсветкой. На материнской плате разъемы разнесены, поэтому для подключения производители комплектуют вентиляторы специальными переходниками.
Для этого 6 пинов вентилятора раздваиваются на PWM для вентилятора и 5V-D-G разъем для подсветки. А если на материнской плате нет и такого выхода под подсветку, можно использовать выносной контроллер, только не RGB, как в прошлый раз, а ARGB. Он тоже подключается к USB и полностью управляет работой вентиляторов с шестью пинами.
Почему разъем RGB отличается от ARGB
Мы уже разобрались в том, какая подсветка бывает в современных вентиляторах и какие возможности кастомизации она открывает перед пользователем. Мы также знаем, что в основе света лежит диодная лента. Теперь разберемся с технической стороной вопроса и подробно рассмотрим принципы работы разных диодов и почему одним нужно четыре контакта, а другим достаточно трех.
Просто LED
Диодная лента, которая просто работает. Ничем не управляется и имеет только один цвет. Обычно используется для подсвечивания мебели, кухонных гарнитуров и в простых компьютерных вентиляторах типа Fixed LED.
Так как диоды светятся только одним цветом, лента имеет всего два контакта: плюс и минус.
Они мало востребованы в современных системах из-за одноцветности и вытесняются новыми видами.
RGB или 12V-G-R-B
В заблуждение часто вводит замысловатая аббревиатура, хотя на самом деле, это обычная RGB-лента с трехцветными диодами на борту. А 12V-G-R-B расшифровывается просто:
Управление подсветкой с такими диодами происходит поканально. Каждый диод состоит из трех люминофоров (анодов) и трех катодов, где каждая пара работает строго для одного цвета. На ленте эти контакты выводятся как 12V-G-R-B:
Для подключения таких диодов существуют специальные устройства, которые управляют подачей тока в зависимости от того, какой цвет необходимо разжечь на ленте. Их называют контроллерами. Можно управлять цветом и вручную, но для смены цвета придется постоянно «перетыкать» провода.
ARGB или 5V-D-G
Если предыдущий тип подсветки можно назвать аналоговым, то этот стал полностью цифровым. А все из-за нанотехнологий: теперь каждый диод в ленте отвечает сам за себя и содержит внутри микросхему. Разъем 5V-D-G состоит из трех проводов и расшифровывается как:
В отличие от четырехпинового управления в RGB, принцип управления ARGB сильно отличается. Теперь, для изменения цвета нужно менять не провода, а цифровые сигналы. Все благодаря встроенному в диод контроллеру: светодиод стал самостоятельным и теперь общается с человеком только на машинном языке, который посылает ему компьютер через пин DI (Digital IN). Вот эти умные красавчики:
А вот один из них так близко, чтобы было ясно, как он работает:
Теперь, вместо внешнего контроллера переключением цвета занимается встроенный. А управление самим контроллером происходит по цифровому каналу DI. Когда диодов много, цифровой канал соединяет их последовательно, паровозиком, поэтому у каждого диода есть плюс, минус, DI — для приема сигнала и DO — для передачи сигнала следующему красавчику.
Фишка такого управления в том, что каждый диод может показывать любой цвет отдельно от других, тогда как в простой RGB системе диоды будут светиться этим цветом одновременно. На практике это выглядит так:
А если подключить в работу какую-нибудь программу для управления адресной подсветкой, то получится так:
Программное обеспечение для управления подсветкой
С технической частью мы разобрались и пора бы подвести итоги, да только мы забыли рассказать про еще один нюанс: софт для управления подсветкой-то у всех свой, уникальный. Хотя алгоритмы управления для всех идентичны, стоит пробежаться по верхушкам, чтобы точно знать «who is who» и кто за что отвечает. Комментировать каждую программу не будем, так как это почти идентичные комбайны, которые регулируют подсветку как в корпусе, так и за его пределами — в клавиатурах, мышка и наушниках. Поэтому сделаем так — название, скриншот и видео с примером работы.
Asus — AURA Sync
MSI — Mystic Light
Gigabyte — RGB Fusion 2.0
ASRock — Polychrome Sync
Кроме производителей материнских плат утилиты для настройки подсветки выпускают и другие компании. Например, у Razer это Chroma, у Corsar — iCUE, SteelSeries — Engine 3. Cooler Master — MasterPlus+, а у Thermaltake это RGB Plus. Одним словом — у каждого известного производителя компьютерных комплектующих и аксессуаров есть что-то свое.
Вместо тысячи слов
Тема раскрыта, читатель прокачал знания, а компьютер стал еще ярче — вот результат нашей с вами работы. Остается только дать волю воображению и наслаждаться правильной подсветкой, попивая сок у себя в кресле (с подсветкой?).
Вывод сей басни таков: перед выбором комплектующих нужно убедиться, будет ли в сборке сделан упор на подсветку и ее синхронизацию. Затем разобраться со своими музами и вдохновением, чтобы понять, какой тип диодов подойдет больше: RGB или ARGB. Для этого подбираем правильную материнскую плату с нужным выходом для контроля подсветки, а потом и другие комплектующие.
Если компьютер уже собран и хочется добавить в него частицу единорога, а материнская плата не понимает, что от нее хотят, есть выход: внешние контроллеры. Порой, это даже удобнее, потому что режим и яркость подсветки можно менять пультом в обход ПО производителя. Ну а разноцветные диоды сделают свое дело, можно поверить на слово.