Бесплатные универсальные инструменты

RGB‑пипетка: идеальные цвета для любого дизайна

Красный

Зелёный

Синий

Наведите курсор на цвет, чтобы получить hex‑код и десятичный код ниже:

Hex: #
Красный:
Зелёный:
Синий:

Цветовое пространство RGB

Цветовое пространство RGB или Цветовая система RGB, создаёт все цвета путём комбинации ��расный, ��елёный и ��иний цветов..

Красный, зелёный и синий используют по 8 бит каждый, что даёт значения от 0 до 255. Это создаёт 256*256*256 = 16777216 возможных цветов.

RGB ≡ Красный, Зелёный, Синий

Каждый пиксель LED‑монитора отображает цвета таким образом, комбинируя красные, зелёные и синие светодиоды.

Когда красный пиксель установлен в 0, светодиод выключен. Когда установлен в 255 — светодиод полностью включён.

Любое значение между ними задаёт частичное свечение светодиода.

Формат и вычисление RGB

RGB‑код имеет 24‑битный формат (биты 0..23)::

Красный[7:0]								Зелёный[7:0]								Синий[7:0]
23							16	15							8	7							0

Таблица цветов RGB

Базовые цвета:

Имя HTML / CSS	Hex‑код #RRGGBB	Десятичный код (R,G,B)
Чёрный	#000000	(0,0,0)
Белый	#FFFFFF	(255,255,255)
Лайм	#FF0000	(255,0,0)
Лайм	#00FF00	(0,255,0)
Синий	#0000FF	(0,0,255)
Жёлтый	#FFFF00	(255,255,0)
циан	#00FFFF	(0,255,255)
Маджента / Фуксия	#FF00FF	(255,0,255)
Серебристый	#C0C0C0	(192,192,192)
Серый	#808080	(128,128,128)
Бордовый	#800000	(128,0,0)
Оливковый	#808000	(128,128,0)
Зелёный	#008000	(0,128,0)
Пурпурный	#800080	(128,0,128)
Сине‑зелёный	#008080	(0,128,128)
Тёмно‑синий	#000080	(0,0,128)

	Название цвета	Hex‑код
Бордовый	#800000	(128,0,0)
тёмно‑красный	#8B0000	(139,0,0)
коричневый	#A52A2A	(165,42,42)
кирпичный	#B22222	(178,34,34)
малиновый	#DC143C	(220,20,60)
томатный	#FF0000	(255,0,0)
томатный	#FF6347	(255,99,71)
коралловый	#FF7F50	(255,127,80)
индейский красный	#CD5C5C	(205,92,92)
светло‑коралловый	#F08080	(240,128,128)
тёмный лососёвый	#E9967A	(233,150,122)
лососёвый	#FA8072	(250,128,114)
светлый лососёвый	#FFA07A	(255,160,122)
красно‑оранжевый	#FF4500	(255,69,0)
тёмно‑оранжевый	#FF8C00	(255,140,0)
оранжевый	#FFA500	(255,165,0)
золотой	#FFD700	(255,215,0)
тёмный золотистый	#B8860B	(184,134,11)
золотистый	#DAA520	(218,165,32)
бледный золотистый	#EEE8AA	(238,232,170)
тёмная хаки	#BDB76B	(189,183,107)
хаки	#F0E68C	(240,230,140)
Оливковый	#808000	(128,128,0)
Жёлтый	#FFFF00	(255,255,0)
жёлто‑зелёный	#9ACD32	(154,205,50)
тёмно‑оливково‑зелёный	#556B2F	(85,107,47)
оливково‑зелёный	#6B8E23	(107,142,35)
травяной зелёный	#7CFC00	(124,252,0)
шартрез	#7FFF00	(127,255,0)
зелёно‑жёлтый	#ADFF2F	(173,255,47)
тёмно‑зелёный	#006400	(0,100,0)
Зелёный	#008000	(0,128,0)
лесной зелёный	#228B22	(34,139,34)
Лайм	#00FF00	(0,255,0)
лаймово‑зелёный	#32CD32	(50,205,50)
светло‑зелёный	#90EE90	(144,238,144)
бледно‑зелёный	#98FB98	(152,251,152)
тёмно‑морской зелёный	#8FBC8F	(143,188,143)
средний весенний зелёный	#00FA9A	(0,250,154)
весенний зелёный	#00FF7F	(0,255,127)
морской зелёный	#2E8B57	(46,139,87)
средний аквамарин	#66CDAA	(102,205,170)
средний морской зелёный	#3CB371	(60,179,113)
светлый морской зелёный	#20B2AA	(32,178,170)
тёмно‑сланцево‑серый	#2F4F4F	(47,79,79)
Сине‑зелёный	#008080	(0,128,128)
тёмный циан	#008B8B	(0,139,139)
циан	#00FFFF	(0,255,255)
циан	#00FFFF	(0,255,255)
светлый циан	#E0FFFF	(224,255,255)
тёмная бирюза	#00CED1	(0,206,209)
бирюза	#40E0D0	(64,224,208)
средняя бирюза	#48D1CC	(72,209,204)
бледная бирюза	#AFEEEE	(175,238,238)
аквамарин	#7FFFD4	(127,255,212)
небесно‑голубой	#B0E0E6	(176,224,230)
кадетский синий	#5F9EA0	(95,158,160)
стальной синий	#4682B4	(70,130,180)
васильковый	#6495ED	(100,149,237)
ярко‑голубой	#00BFFF	(0,191,255)
доджер‑блю	#1E90FF	(30,144,255)
светло‑голубой	#ADD8E6	(173,216,230)
голубое небо	#87CEEB	(135,206,235)
светлое голубое небо	#87CEFA	(135,206,250)
полуночный синий	#191970	(25,25,112)
Тёмно‑синий	#000080	(0,0,128)
очень тёмно‑синий	#00008B	(0,0,139)
средний синий	#0000CD	(0,0,205)
Синий	#0000FF	(0,0,255)
королевский синий	#4169E1	(65,105,225)
сине‑фиолетовый	#8A2BE2	(138,43,226)
индиго	#4B0082	(75,0,130)
тёмно‑сланцево‑синий	#483D8B	(72,61,139)
сланцево‑синий	#6A5ACD	(106,90,205)
средний сланцево‑синий	#7B68EE	(123,104,238)
средний пурпурный	#9370DB	(147,112,219)
тёмная маджента	#8B008B	(139,0,139)
тёмно‑фиолетовый	#9400D3	(148,0,211)
тёмная орхидея	#9932CC	(153,50,204)
средняя орхидея	#BA55D3	(186,85,211)
пурпурный	#800080	(128,0,128)
чертополох	#D8BFD8	(216,191,216)
сливовый	#DDA0DD	(221,160,221)
фиолетовый	#EE82EE	(238,130,238)
маджента	#FF00FF	(255,0,255)
орхидея	#DA70D6	(218,112,214)
средний красно‑фиолетовый	#C71585	(199,21,133)
бледный красно‑фиолетовый	#DB7093	(219,112,147)
тёмно‑розовый	#FF1493	(255,20,147)
ярко‑розовый	#FF69B4	(255,105,180)
светло‑розовый	#FFB6C1	(255,182,193)
розовый	#FFC0CB	(255,192,203)
античный белый	#FAEBD7	(250,235,215)
бежевый	#F5F5DC	(245,245,220)
бисквитный	#FFE4C4	(255,228,196)
миндальный	#FFEBCD	(255,235,205)
пшеничный	#F5DEB3	(245,222,179)
кукурузный шёлк	#FFF8DC	(255,248,220)
лимонный шифон	#FFFACD	(255,250,205)
светлый золотисто‑жёлтый	#FAFAD2	(250,250,210)
светло‑жёлтый	#FFFFE0	(255,255,224)
тёмно‑коричневый	#8B4513	(139,69,19)
сиена	#A0522D	(160,82,45)
шоколадный	#D2691E	(210,105,30)
перу	#CD853F	(205,133,63)
песочно‑коричневый	#F4A460	(244,164,96)
светлое дерево	#DEB887	(222,184,135)
загар	#D2B48C	(210,180,140)
розовато‑коричневый	#BC8F8F	(188,143,143)
мокасин	#FFE4B5	(255,228,181)
навахо‑белый	#FFDEAD	(255,222,173)
персиковый	#FFDAB9	(255,218,185)
туманно‑розовый	#FFE4E1	(255,228,225)
лавандовый румянец	#FFF0F5	(255,240,245)
лён	#FAF0E6	(250,240,230)
старое кружево	#FDF5E6	(253,245,230)
папайя	#FFEFD5	(255,239,213)
ракушка	#FFF5EE	(255,245,238)
мятный крем	#F5FFFA	(245,255,250)
сланцево‑серый	#708090	(112,128,144)
светлый сланцево‑серый	#778899	(119,136,153)
светлый стальной синий	#B0C4DE	(176,196,222)
лаванда	#E6E6FA	(230,230,250)
цветочный белый	#FFFAF0	(255,250,240)
голубой Элис	#F0F8FF	(240,248,255)
призрачный белый	#F8F8FF	(248,248,255)
медовая роса	#F0FFF0	(240,255,240)
слоновая кость	#FFFFF0	(255,255,240)
лазурный	#F0FFFF	(240,255,255)
снег	#FFFAFA	(255,250,250)
чёрный	#000000	(0,0,0)
тускло‑серый	#696969	(105,105,105)
серый / грей	#808080	(128,128,128)
тёмно‑серый	#A9A9A9	(169,169,169)



Мгновенно открывайте цвета: мощный инструмент поиска цветов RGB для дизайнеров, разработчиков и авторов.


Выбор идеального цвета один из самых важных шагов в любом цифровом проекте. Независимо от того, разрабатываете ли вы веб-сайт, создаете логотип, разрабатываете интерфейс приложения или просто экспериментируете с визуальными идеями, выбор цвета играет центральную роль в формировании конечного результата. Чтобы сделать этот процесс проще, быстрее и интуитивно понятнее, мы создали совершенно новый инструмент, который позволяет вам найти именно тот цвет, который вам нужен, с помощью мыши или путем ручного ввода значений RGB.

✔ Этот инструмент предназначен для всех, кто регулярно работает с цветом и хочет получить простой, точный и эффективный способ преобразования значений RGB в визуальный предварительный просмотр цвета и чистый шестнадцатеричный код.

✔ Наш инструмент поиска цветов RGB создан с учетом удобства использования. Он предлагает удобный интерактивный интерфейс, который поможет вам исследовать цвета визуально или численно, в зависимости от ваших предпочтений. Независимо от того, являетесь ли вы дизайнером, который предпочитает перетаскивать ползунок, чтобы найти идеальный оттенок, или разработчиком, которому необходимо вводить точные значения RGB, этот инструмент адаптируется к вашему рабочему процессу.

✔ Интерфейс понятен, отзывчив и оптимизирован как для настольных, так и для мобильных устройств, поэтому вы можете использовать его везде, где приходит вдохновение.

✔ Одна из самых мощных функций этого инструмента возможность настройки цвета с помощью мыши. Простым жестом перетаскивания вы можете изучить полный спектр значений красного, зеленого и синего.

✔ Этот визуальный подход идеально подходит для пользователей, которые хотят поэкспериментировать с различными тонами и сочетаниями, не зная заранее точных числовых значений. Когда вы перемещаете ползунки, инструмент мгновенно обновляет окно предварительного просмотра, предоставляя вам информацию о создаваемом цвете в реальном времени.

✔ Благодаря этому невероятно легко настраивать оттенки, сравнивать варианты и находить новые цветовые идеи, о которых вы, возможно, даже не задумывались.

✔ Для пользователей, предпочитающих точность, инструмент также позволяет вручную вводить три значения RGB. Это особенно полезно для разработчиков, работающих с определенными цветовыми палитрами, рекомендациями бренда или компонентами пользовательского интерфейса, требующими точного соответствия цветов.

✔ Просто введите значения красного, зеленого и синего, и инструмент немедленно отобразит соответствующий цвет вместе с его шестнадцатеричным представлением. Эта двойная система ввода гарантирует, что инструмент достаточно гибок, чтобы поддерживать как творческие исследования, так и техническую точность.

✔ Еще одним ключевым преимуществом этого инструмента является автоматическое преобразование из RGB в HEX. Многие дизайнеры и разработчики часто переключаются между этими двумя форматами, особенно при работе с CSS, программным обеспечением для дизайна или цифровым брендингом. Вместо того, чтобы вручную вычислять шестнадцатеричный код или искать внешний конвертер, наш инструмент мгновенно сделает всю работу за вас. Как только вы выберете или введете значения RGB, HEX-код появится в верхнем регистре, готовый к копированию и использованию в вашем проекте.

✔ Это экономит время, уменьшает количество ошибок и оптимизирует рабочий процесс.

✔ Помимо своих основных функций, RGB Color Finder также предназначен для образовательных целей. Для новичков он дает простой способ понять, как значения RGB объединяются для создания разных цветов. Регулируя ползунки или вводя цифры, пользователи могут увидеть, как увеличение или уменьшение каждого компонента влияет на конечный результат.

✔ Это делает этот инструмент отличным ресурсом для студентов, любителей и всех, кто изучает теорию цифрового цвета.

✔ Инструмент также идеально подходит для профессионалов, которым нужен надежный инструмент выбора цвета, работающий непосредственно в браузере, не требующий установки или плагинов. Независимо от того, создаете ли вы веб-сайт, разрабатываете пользовательский интерфейс или готовите цифровую иллюстрацию, быстрый доступ к точному и интуитивно понятному инструменту выбора цвета может значительно ускорить ваш творческий процесс.

✔ Легкий дизайн обеспечивает быструю загрузку, а интерфейс оптимизирован для ясности и простоты использования.

В мире, где визуальная идентичность важна как никогда, важно иметь правильные инструменты для управления цветом. Наш RGB Color Finder сочетает в себе простоту, точность и гибкость в едином, удобном для пользователя интерфейсе. Независимо от того, изучаете ли вы цвета с помощью мыши или вводите точные значения RGB, этот инструмент дает вам все необходимое, чтобы найти идеальный оттенок и мгновенно преобразовать его в пригодный для использования HEX-код.
Он быстрый, точный и предназначен для поддержки как творческой, так и технической работы.