10 лучших онлайн-инструментов для работы с цветом
Karina | 06.11.2014
В интернете существует огромное количество сервисов для работы с цветом и создания собственных цветовых гамм. Многие из них похожи друг на друга, некоторые бывают не совсем понятными, а какие-то программы необходимо устанавливать на компьютер, что не всегда бывает удобно.
Именно поэтому мы подобрали для вас десять лучших онлайн-инструментов для работы с цветами. Все функции доступны в онлайн-режиме, интерфейс интуитивно понятен и нет необходимости качать что-либо на ПК. Пользуйтесь!
1. Adobe Color CC
Adobe Color CC, ранее называвшийся Adobe Kuler, позволяет создавать разнообразные цветовые схемы, используя определенные комбинации. Ранее мы писали о том, какие существуют популярные цветовые схемы (монохромная, триадная и т. д.). В Adobe Color CC вы можете выбрать одну из таких предустановленных цветовых систем либо произвольно сочетать цвета. Все подобранные темы можно сохранять на сайте, выполнив вход под своим Adobe ID.
Перейти на сайт
2. Color Hunter
Если вам нравится, как гармонируют цвета на какой-либо фотографии, вы можете загрузить это изображение на сайт Color Hunter и получить набор цветов, преобладающих на снимке, с шестнадцатеричным кодом каждого из них. Это удобный и быстрый способ создать собственную цветовую гамму.
Перейти на сайт
3. TinEye
На сайте TinEye вы можете подобрать фотографии по различным цветам. Все снимки Creative Commons загружаются из базы Flickr. Это идеальный способ найти изображения нужных вам оттенков. Подсказка: чтобы отыскать картинки по определенному HEX-коду, можно ввести его в адрес URL (#colors=код_вашего_цвета).
Перейти на сайт
4. SpyColor
У вас есть RGB-значение цвета, а вам нужен его HEX-код? Вам нужно узнать подробную информацию о цвете? Тогда этот сайт для вас. Просто введите в поле поиска имеющиеся у вас данные (название цвета или его код) и перед вами откроется полная информация о нем, включая значения в разных цветовых моделях, гармонирующие цвета, варианты цветовых схем и примеры использования в HTML/CSS.
Перейти на сайт
5. Colormunki
Этот онлайн-инструмент позволяет создавать цветовые палитры из образцов Pantone, используя различные способы сочетания для достижения наиболее красивых комбинаций.
Перейти на сайт
6. ColourGrab
ColourGrab – это еще один инструмент, с помощью которого можно создавать цветовые схемы по фотографиям. Всё что вам необходимо – это ввести URL изображения. Система выберет цвета, которые встречаются на картинке чаще всего и предоставит вам палитру с шестнадцатеричными кодами.
Перейти на сайт
7. COLRD
COLRD – это возможность найти и поделиться интересными цветовыми схемами. Данный ресурс – прекрасный источник вдохновения и настоящая услада для глаз и души. Просматривайте изображения и цветовые палитры, созданные другими пользователями, и, возможно, вы найдете именно то, что очень долго искали!
Перейти на сайт
8. Shutterstock Spectrum
Еще один сайт, на котором можно надолго задержаться, любуясь гармонией цветов – это Shutterstock Spectrum. Красивый интерфейс и большие фото вдохновят каждого на поиски идеальной цветовой палитры. Просто введите в поле поиска фразу, например, «nature» и двигайте ползунок, выбирая желаемые цвета изображений.
Перейти на сайт
9. Pictaculous
Просто загрузите изображение с компьютера на сайт и вы получите цветовую гамму загруженного фото. Здесь же вы сможете скачать сгенерированный файл цветовой палитры для Adobe Photoshop.
Перейти на сайт
10. ColoRotate
ColoRotate – хорошая альтернатива Adobe Colour CC, с красивой визуализацией цветового колеса. Вы можете создавать цветовые палитры, состоящие из более чем 5 цветов. На сайте также есть возможность почитать полезные статьи о цвете и скачать приложение ColoRotate для iPad.
Перейти на сайт
Данные инструменты будут весьма полезными для тех, кто занимается дизайном сайтов, приложений и т. п.
20 онлайн-сервисов для подбора цвета
Material Palett
Генератор и экспорт палитры цветов в стиле материального дизайна.
http://www.materialpalette.com/
New Flat UI Color Picker
Лучшие цвета для интерфейсов в стиле flat.
http://www.flatuicolorpicker.com/
Flat UI Colors
Красивые цвета в стиле flat.
http://flatuicolors.com/
Coolors:
Супер быстрый генератор цветовых схем для крутых дизайнеров.
https://coolors.co/
Skala Color
Необычный подбор цветов.
https://bjango.com/mac/skalacolor/
Couleurs
Простое приложения для определения цветов, которые вы видите на экране.
http://couleursapp.com/
Material UI Colors
Палитра цветов для Android, веба и iOS в стиле материального дизайна
https://www.materialui.co/colors
Colorful Gradients
Автоматическое создание градиентов.
http://colorfulgradients.tumblr.com/
Adaptive Backgrounds
Выделение доминирующих цветов из изображения.
http://briangonzalez.github.io/jquery.adaptive-backgr..
Brand Colors
Цвета, используемые знаменитыми брендами.
http://brandcolors.net/
Paletton
Создание цветовой схемы.
http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
0 to 255
Простой инструмент поиска оттенков цвета.
http://www.0to255.com/
Colour Lovers
Создавайте и делитесь цветами, палитрами и паттернами.
http://www.colourlovers.com/
Adobe Color CC
Цветовые комбинации от сообщества Kuler.
https://color.adobe.com/ru/create/color-wheel/
Bootflat
Идеальные цвета в стиле flat.
http://bootflat.github.io/color-picker.html
Hex Colorrrs
Конвертер из Hex в RGB.
http://hex.colorrrs.com/
Get UI Colors
Поиск подходящих цветов для интерфейсов.
http://getuicolors.com/
Coleure
Умный подбор цветов.
https://www.coleure.com/
Colllor
Генератор цветовой палитры.
http://colllor.com/
Palette for Chrome
Создание палитры цветов из любого изображения.
https://chrome.google.com/webstore/detail/palette-cre..
10 онлайн-инструментов для работы с цветом
Работа с цветом является не простой и достаточно трудоемкой задачей. Нужно продумать детали и правильно выбрать для них палитру. Иногда это может занять достаточно много времени. Чтобы упростить этот этап работы и сделать жизнь дизайнера немного проще сегодня в Интернете доступно множество онлайн-инструментов. Давайте рассмотрим некоторые из них.
Инструменты выбора палитры цветов
Если начинать создавать дизайн с нуля, иногда очень сложно выбрать цветовую схему, которая хорошо подойдет именно для этого дизайна. Ниже перечислены некоторые инструменты, которые помогут вам сделать правильный выбор цветовой схемы.
ColourLovers
COLOURLovers является уютным домом для миллионов пользовательский цветовых палитр. Вы сможете посмотреть коллекцию и выбрать ту, которая вас вдохновит или найти нужные цвета.
Kuler
Один из самых известных инструментов для работы с цветом. Этот инструмент позволяет не только просматривать существующие палитры, но и создавать свои собственные.
Pictalulous
Pictaculous — инструмент, который позволяет вам создавать палитру из загруженного изображения. Также он совместим с двумя вышеперечисленными инструментами Kuler и Colourlovers.
Инструменты выбора цвета
Сколько раз вам приходилось переключаться для копирования/вставки и запоминания нужного цвета.
color.hailpixel.com
color.hailpixel – это один из простейших способов подобрать цвет. Палитра цветов растягивается на весь экран, и вы сможете выбрать цвет, просто перемещая курсор мыши по экрану.
Hexu.al
Возможно, вам надоело работать с шестнадцатеричными названиями цветов, надоели все эти сложные для запоминания цифры. Hexu.al дает шанс поработать с более интересными названиями, например, #doodle или #goofed.
CSS Color Names
Если случайные цвета — не совсем то, что вы ищете, полезным может быть список 147 названий цветов . Вы сможете посмотреть полный список или выбрать случайный цвет, сделав клик мышей.
checkmycolours.com
Check My Colours – это бесплатное веб-приложение для проведения анализа цветовых контрастов, используемых на страницах.
Инструменты теории цвета
Sphere
Визуализатор теории цвета под названием Sphere — ресурс с простым интерфейсом для выбора оттенков на цветовом круге.
Color Scheme Designer
Простой в управлении инструмент, который может помочь вам в несколько щелчков мышки сделать приятную комбинацию цветов. Если вы не можете определиться с цветовой палитрой, она может быть выбрана в рандомном порядке.
Генераторы цвета CSS
Ultimate CSS Gradient Generator
Приписывать стили для градиентов достаточно сложно. CSS генератор градиентов позволит достаточно легко настраивать градиент и выводит код для копирования.
Hex 2 RGBA Color Calculator
Конвертировать цвет hex в RGB, конечно, не сложно. Но для этого нужно делать три клака для копирования значения. Hex 2 RGBA Color Calculator поможет вам это сделать всего лишь за один клик.
0to255
Ресурс позволяет выбирать различные оттенки для цвета. Он может значительно облегчить процесс создания рамок и градиентов.
Color Hexa
ColorHexa.com — это бесплатный инструмент, который предоставляет информацию о любом цвете. Для этого нужно просто ввести значение нужного цвета и ColorHexa автоматически переведет его в другие палитры и предложит краткое описание, а также подберет соответствующие цветовые схемы. Таким образом, вы сможете узнать, какие цвета лучше подходят для выбранного цвета.
Автор: Chris Spooner
Перевод — Дежурка
Смотрите также:
Hex Color в RGB Color Онлайн инструмент для преобразования
наHex цвет в RGB цвет онлайн-инструмент преобразования:
Этот онлайн-инструмент для преобразования шестнадцатеричного цвета в цвет RGB поможет вам преобразовать шестнадцатеричный цвет в цвет RGB и проверить выбранный цвет в режиме реального времени.
Система шестнадцатеричного цвета:
Цветовая система HTML может быть представлена шестнадцатеричным числом от #000000 (чисто черный) до #FFFFFF (чисто белый). Например, #123456 красный канал имеет значение «12» (между «00» и «FF») Зеленый канал — «34», а синий — «56». Система Hex color также поддерживает упрощенное отображение, такое как #e1a и #ee11aa .
Цветовая система RGB:
В цветовой системе RGB «R» обозначает красный канал («Red»), «G» обозначает зеленый канал («Green»), а «B» обозначает синий канал («Blue»). Например, rgb (16 110 190).
Как преобразовать шестнадцатеричный цвет в цвет RGB?
Шаг 1: Получить значение красного канала, значение зеленого канала и значение синего канала цвета Hex.
Шаг 2: Преобразуйте значение цветового канала из шестнадцатеричного в десятичное.
Шаг 3: Объедините три значения цветовых каналов в соответствии с синтаксисом цветовой системы RGB.
Пример 1. Преобразование шестнадцатеричного цвета «# 106ebe» в цвет RGB (в результате получается «rgb (16,110,190)»):
| Step 1: | Hex Color «#106ebe»: Red(0x10), Green(0x6e), Blue(0xbe) |
| Step 2: | Red: (0x10)->(16), Green: (0x6e)->(110), Blue: (0xbe)->(190) |
| Step 3: | Hex Color «#106ebe» -> rgb(16,110,190) |
Пример 2. Преобразование шестнадцатеричного цвета «# ea3» в цвет RGB (результат — «rgb (238,170,51)»):
| Step 1: | Hex Color «#ea3» -> «#eeaa33» |
| Step 2: | Hex Color «#eeaa33»: Red(0xee), Green(0xaa), Blue(0x33) |
| Step 3: | Red: (0xee)->(238), Green: (0xaa)->(170), Blue: (0x33)->(51) |
| Step 4: | Hex Color «#ea3» -> rgb(238,170,51) |
ссылка:
Википедия (веб-система цветов): https://en.wikipedia.org/wiki/Web_colors
Википедия (RGB Color System): https://en.wikipedia.org/wiki/RGB_color_model
Преобразование шестнадцатеричного цвета в RGB в Python:
def hex_to_rgb(hex_color):
hex_color = hex_color.replace(" ", "").replace("#", "")
# 3-digits hex color
if len(hex_color) == 3:
r = hex_color[0] * 2
g = hex_color[1] * 2
b = hex_color[2] * 2
# 6-digits hex color
elif len(hex_color) == 6:
r = hex_color[0:2]
g = hex_color[2:4]
b = hex_color[4:6]
else:
return "length error"
# convert hex to decimal
r = int(r, 16)
g = int(g, 16)
b = int(b, 16)
# check if in range 0~255
assert 0
Цвет |
| define(`m4_snow’, `RGB(255,250,250)’) |
| define(`m4_ghostwhite’, `RGB(248,248,255)’) |
| define(`m4_whitesmoke’, `RGB(245,245,245)’) |
| define(`m4_gainsboro’, `RGB(220,220,220)’) |
| define(`m4_floralwhite’, `RGB(255,250,240)’) |
| define(`m4_oldlace’, `RGB(253,245,230)’) |
| define(`m4_linen’, `RGB(250,240,230)’) |
| define(`m4_antiquewhite’, `RGB(250,235,215)’) |
| define(`m4_papayawhip’, `RGB(255,239,213)’) |
| define(`m4_blanchedalmond’, `RGB(255,235,205)’) |
| define(`m4_bisque’, `RGB(255,228,196)’) |
| define(`m4_peachpuff’, `RGB(255,218,185)’) |
| define(`m4_navajowhite’, `RGB(255,222,173)’) |
| define(`m4_moccasin’, `RGB(255,228,181)’) |
| define(`m4_cornsilk’, `RGB(255,248,220)’) |
| define(`m4_ivory’, `RGB(255,255,240)’) |
| define(`m4_lemonchiffon’, `RGB(255,250,205)’) |
| define(`m4_seashell’, `RGB(255,245,238)’) |
| define(`m4_honeydew’, `RGB(240,255,240)’) |
| define(`m4_mintcream’, `RGB(245,255,250)’) |
| define(`m4_azure’, `RGB(240,255,255)’) |
| define(`m4_aliceblue’, `RGB(240,248,255)’) |
| define(`m4_lavender’, `RGB(230,230,250)’) |
| define(`m4_lavenderblush’, `RGB(255,240,245)’) |
| define(`m4_mistyrose’, `RGB(255,228,225)’) |
| define(`m4_white’, `RGB(255,255,255)’) |
| define(`m4_black’, `RGB(0,0,0)’) |
| define(`m4_darkslategray’, `RGB(47,79,79)’) |
| define(`m4_dimgrey’, `RGB(105,105,105)’) |
| define(`m4_slategrey’, `RGB(112,128,144)’) |
| define(`m4_lightslategray’, `RGB(119,136,153)’) |
| define(`m4_grey’, `RGB(190,190,190)’) |
| define(`m4_lightgray’, `RGB(211,211,211)’) |
| define(`m4_midnightblue’, `RGB(25,25,112)’) |
| define(`m4_navyblue’, `RGB(0,0,128)’) |
| define(`m4_cornflowerblue’, `RGB(100,149,237)’) |
| define(`m4_darkslateblue’, `RGB(72,61,139)’) |
| define(`m4_slateblue’, `RGB(106,90,205)’) |
| define(`m4_mediumslateblue’, `RGB(123,104,238)’) |
| define(`m4_lightslateblue’, `RGB(132,112,255)’) |
| define(`m4_mediumblue’, `RGB(0,0,205)’) |
| define(`m4_royalblue’, `RGB(65,105,225)’) |
| define(`m4_blue’, `RGB(0,0,255)’) |
| define(`m4_dodgerblue’, `RGB(30,144,255)’) |
| define(`m4_deepskyblue’, `RGB(0,191,255)’) |
| define(`m4_skyblue’, `RGB(135,206,235)’) |
| define(`m4_lightskyblue’, `RGB(135,206,250)’) |
| define(`m4_steelblue’, `RGB(70,130,180)’) |
| define(`m4_lightsteelblue’, `RGB(176,196,222)’) |
| define(`m4_lightblue’, `RGB(173,216,230)’) |
| define(`m4_powderblue’, `RGB(176,224,230)’) |
| define(`m4_paleturquoise’, `RGB(175,238,238)’) |
| define(`m4_darkturquoise’, `RGB(0,206,209)’) |
| define(`m4_mediumturquoise’, `RGB(72,209,204)’) |
| define(`m4_turquoise’, `RGB(64,224,208)’) |
| define(`m4_cyan’, `RGB(0,255,255)’) |
| define(`m4_lightcyan’, `RGB(224,255,255)’) |
| define(`m4_cadetblue’, `RGB(95,158,160)’) |
| define(`m4_mediumaquamarine’, `RGB(102,205,170)’) |
| define(`m4_aquamarine’, `RGB(127,255,212)’) |
| define(`m4_darkgreen’, `RGB(0,100,0)’) |
| define(`m4_darkolivegreen’, `RGB(85,107,47)’) |
| define(`m4_darkseagreen’, `RGB(143,188,143)’) |
| define(`m4_seagreen’, `RGB(46,139,87)’) |
| define(`m4_mediumseagreen’, `RGB(60,179,113)’) |
| define(`m4_lightseagreen’, `RGB(32,178,170)’) |
| define(`m4_palegreen’, `RGB(152,251,152)’) |
| define(`m4_springgreen’, `RGB(0,255,127)’) |
| define(`m4_lawngreen’, `RGB(124,252,0)’) |
| define(`m4_green’, `RGB(0,255,0)’) |
| define(`m4_chartreuse’, `RGB(127,255,0)’) |
| define(`m4_medspringgreen’, `RGB(0,250,154)’) |
| define(`m4_greenyellow’, `RGB(173,255,47)’) |
| define(`m4_limegreen’, `RGB(50,205,50)’) |
| define(`m4_yellowgreen’, `RGB(154,205,50)’) |
| define(`m4_forestgreen’, `RGB(34,139,34)’) |
| define(`m4_olivedrab’, `RGB(107,142,35)’) |
| define(`m4_darkkhaki’, `RGB(189,183,107)’) |
| define(`m4_palegoldenrod’, `RGB(238,232,170)’) |
| define(`m4_ltgoldenrodyello’, `RGB(250,250,210)’) |
| define(`m4_lightyellow’, `RGB(255,255,224)’) |
| define(`m4_yellow’, `RGB(255,255,0)’) |
| define(`m4_gold’, `RGB(255,215,0)’) |
| define(`m4_lightgoldenrod’, `RGB(238,221,130)’) |
| define(`m4_goldenrod’, `RGB(218,165,32)’) |
| define(`m4_darkgoldenrod’, `RGB(184,134,11)’) |
| define(`m4_RosyBrown’, `RGB(188,143,143)’) |
| define(`m4_indianred’, `RGB(205,92,92)’) |
| define(`m4_saddlebrown’, `RGB(139,69,19)’) |
| define(`m4_sienna’, `RGB(160,82,45)’) |
| define(`m4_peru’, `RGB(205,133,63)’) |
| define(`m4_burlywood’, `RGB(222,184,135)’) |
| define(`m4_beige’, `RGB(245,245,220)’) |
| define(`m4_wheat’, `RGB(245,222,179)’) |
| define(`m4_sandybrown’, `RGB(244,164,96)’) |
| define(`m4_tan’, `RGB(210,180,140)’) |
| define(`m4_chocolate’, `RGB(210,105,30)’) |
| define(`m4_firebrick’, `RGB(178,34,34)’) |
| define(`m4_brown’, `RGB(165,42,42)’) |
| define(`m4_darksalmon’, `RGB(233,150,122)’) |
| define(`m4_salmon’, `RGB(250,128,114)’) |
| define(`m4_lightsalmon’, `RGB(255,160,122)’) |
| define(`m4_orange’, `RGB(255,165,0)’) |
| define(`m4_darkorange’, `RGB(255,140,0)’) |
| define(`m4_coral’, `RGB(255,127,80)’) |
| define(`m4_lightcoral’, `RGB(240,128,128)’) |
| define(`m4_tomato’, `RGB(255,99,71)’) |
| define(`m4_orangered’, `RGB(255,69,0)’) |
| define(`m4_red’, `RGB(255,0,0)’) |
| define(`m4_hotpink’, `RGB(255,105,180)’) |
| define(`m4_deeppink’, `RGB(255,20,147)’) |
| define(`m4_pink’, `RGB(255,192,203)’) |
| define(`m4_lightpink’, `RGB(255,182,193)’) |
| define(`m4_palevioletred’, `RGB(219,112,147)’) |
| define(`m4_maroon’, `RGB(176,48,96)’) |
| define(`m4_mediumvioletred’, `RGB(199,21,133)’) |
| define(`m4_violetred’, `RGB(208,32,144)’) |
| define(`m4_magenta’, `RGB(255,0,255)’) |
| define(`m4_violet’, `RGB(238,130,238)’) |
| define(`m4_plum’, `RGB(221,160,221)’) |
| define(`m4_orchid’, `RGB(218,112,214)’) |
| define(`m4_mediumorchid’, `RGB(186,85,211)’) |
| define(`m4_darkorchid’, `RGB(153,50,204)’) |
| define(`m4_darkviolet’, `RGB(148,0,211)’) |
| define(`m4_blueviolet’, `RGB(138,43,226)’) |
| define(`m4_purple’, `RGB(160,32,240)’) |
| define(`m4_mediumpurple’, `RGB(147,112,219)’) |
| define(`m4_thistle’, `RGB(216,191,216)’) |
| define(`m4_snow1′, `RGB(255,250,250)’) |
| define(`m4_snow2′, `RGB(238,233,233)’) |
| define(`m4_snow3′, `RGB(205,201,201)’) |
| define(`m4_snow4′, `RGB(139,137,137)’) |
| define(`m4_seashell1′, `RGB(255,245,238)’) |
| define(`m4_seashell2′, `RGB(238,229,222)’) |
| define(`m4_seashell3′, `RGB(205,197,191)’) |
| define(`m4_seashell4′, `RGB(139,134,130)’) |
| define(`m4_antiquewhite1′, `RGB(255,239,219)’) |
| define(`m4_antiquewhite2′, `RGB(238,223,204)’) |
| define(`m4_antiquewhite3′, `RGB(205,192,176)’) |
| define(`m4_antiquewhite4′, `RGB(139,131,120)’) |
| define(`m4_bisque1′, `RGB(255,228,196)’) |
| define(`m4_bisque2′, `RGB(238,213,183)’) |
| define(`m4_bisque3′, `RGB(205,183,158)’) |
| define(`m4_bisque4′, `RGB(139,125,107)’) |
| define(`m4_peachpuff1′, `RGB(255,218,185)’) |
| define(`m4_peachpuff2′, `RGB(238,203,173)’) |
| define(`m4_peachpuff3′, `RGB(205,175,149)’) |
| define(`m4_peachpuff4′, `RGB(139,119,101)’) |
| define(`m4_navajowhite1′, `RGB(255,222,173)’) |
| define(`m4_navajowhite2′, `RGB(238,207,161)’) |
| define(`m4_navajowhite3′, `RGB(205,179,139)’) |
| define(`m4_navajowhite4′, `RGB(139,121,94)’) |
| define(`m4_lemonchiffon1′, `RGB(255,250,205)’) |
| define(`m4_lemonchiffon2′, `RGB(238,233,191)’) |
| define(`m4_lemonchiffon3′, `RGB(205,201,165)’) |
| define(`m4_lemonchiffon4′, `RGB(139,137,112)’) |
| define(`m4_cornsilk1′, `RGB(255,248,220)’) |
| define(`m4_cornsilk2′, `RGB(238,232,205)’) |
| define(`m4_cornsilk3′, `RGB(205,200,177)’) |
| define(`m4_cornsilk4′, `RGB(139,136,120)’) |
| define(`m4_ivory1′, `RGB(255,255,240)’) |
| define(`m4_ivory2′, `RGB(238,238,224)’) |
| define(`m4_ivory3′, `RGB(205,205,193)’) |
| define(`m4_ivory4′, `RGB(139,139,131)’) |
| define(`m4_honeydew1′, `RGB(240,255,240)’) |
| define(`m4_honeydew2′, `RGB(224,238,224)’) |
| define(`m4_honeydew3′, `RGB(193,205,193)’) |
| define(`m4_honeydew4′, `RGB(131,139,131)’) |
| define(`m4_lavenderblush2′, `RGB(255,240,245)’) |
| define(`m4_lavenderblush3′, `RGB(238,224,229)’) |
| define(`m4_lavenderblush4′, `RGB(205,193,197)’) |
| define(`m4_lavenderblush5′, `RGB(139,131,134)’) |
| define(`m4_mistyrose1′, `RGB(255,228,225)’) |
| define(`m4_mistyrose2′, `RGB(238,213,210)’) |
| define(`m4_mistyrose3′, `RGB(205,183,181)’) |
| define(`m4_mistyrose4′, `RGB(139,125,123)’) |
| define(`m4_azure1′, `RGB(240,255,255)’) |
| define(`m4_azure2′, `RGB(224,238,238)’) |
| define(`m4_azure3′, `RGB(193,205,205)’) |
| define(`m4_azure4′, `RGB(131,139,139)’) |
| define(`m4_slateblue1′, `RGB(131,111,255)’) |
| define(`m4_slateblue2′, `RGB(122,103,238)’) |
| define(`m4_slateblue3′, `RGB(105,89,205)’) |
| define(`m4_slateblue4′, `RGB(71,60,139)’) |
| define(`m4_royalblue1′, `RGB(72,118,255)’) |
| define(`m4_royalblue2′, `RGB(67,110,238)’) |
| define(`m4_royalblue3′, `RGB(58,95,205)’) |
| define(`m4_royalblue4′, `RGB(39,64,139)’) |
| define(`m4_blue1′, `RGB(0,0,255)’) |
| define(`m4_blue2′, `RGB(0,0,238)’) |
| define(`m4_blue3′, `RGB(0,0,205)’) |
| define(`m4_blue4′, `RGB(0,0,139)’) |
| define(`m4_dodgerblue1′, `RGB(30,144,255)’) |
| define(`m4_dodgerblue2′, `RGB(28,134,238)’) |
| define(`m4_dodgerblue3′, `RGB(24,116,205)’) |
| define(`m4_dodgerblue4′, `RGB(16,78,139)’) |
| define(`m4_steelblue1′, `RGB(99,184,255)’) |
| define(`m4_steelblue2′, `RGB(92,172,238)’) |
| define(`m4_steelblue3′, `RGB(79,148,205)’) |
| define(`m4_steelblue4′, `RGB(54,100,139)’) |
| define(`m4_deepskyblue1′, `RGB(0,191,255)’) |
| define(`m4_deepskyblue2′, `RGB(0,178,238)’) |
| define(`m4_deepskyblue3′, `RGB(0,154,205)’) |
| define(`m4_deepskyblue4′, `RGB(0,104,139)’) |
| define(`m4_skyblue1′, `RGB(135,206,255)’) |
| define(`m4_skyblue2′, `RGB(126,192,238)’) |
| define(`m4_skyblue3′, `RGB(108,166,205)’) |
| define(`m4_skyblue4′, `RGB(74,112,139)’) |
| define(`m4_lightskyblue1′, `RGB(176,226,255)’) |
| define(`m4_lightskyblue2′, `RGB(164,211,238)’) |
| define(`m4_lightskyblue3′, `RGB(141,182,205)’) |
| define(`m4_lightskyblue4′, `RGB(96,123,139)’) |
| define(`m4_slategray1′, `RGB(198,226,255)’) |
| define(`m4_slategray2′, `RGB(185,211,238)’) |
| define(`m4_slategray3′, `RGB(159,182,205)’) |
| define(`m4_slategray4′, `RGB(108,123,139)’) |
| define(`m4_lightsteelblue1′, `RGB(202,225,255)’) |
| define(`m4_lightsteelblue2′, `RGB(188,210,238)’) |
| define(`m4_lightsteelblue3′, `RGB(162,181,205)’) |
| define(`m4_lightsteelblue4′, `RGB(110,123,139)’) |
| define(`m4_lightblue1′, `RGB(191,239,255)’) |
| define(`m4_lightblue2′, `RGB(178,223,238)’) |
| define(`m4_lightblue3′, `RGB(154,192,205)’) |
| define(`m4_lightblue4′, `RGB(104,131,139)’) |
| define(`m4_lightcyan1′, `RGB(224,255,255)’) |
| define(`m4_lightcyan2′, `RGB(209,238,238)’) |
| define(`m4_lightcyan3′, `RGB(180,205,205)’) |
| define(`m4_lightcyan4′, `RGB(122,139,139)’) |
| define(`m4_paleturquoise1′, `RGB(187,255,255)’) |
| define(`m4_paleturquoise2′, `RGB(174,238,238)’) |
| define(`m4_paleturquoise3′, `RGB(150,205,205)’) |
| define(`m4_paleturquoise4′, `RGB(102,139,139)’) |
| define(`m4_cadetblue1′, `RGB(152,245,255)’) |
| define(`m4_cadetblue2′, `RGB(142,229,238)’) |
| define(`m4_cadetblue3′, `RGB(122,197,205)’) |
| define(`m4_cadetblue4′, `RGB(83,134,139)’) |
| define(`m4_turquoise1′, `RGB(0,245,255)’) |
| define(`m4_turquoise2′, `RGB(0,229,238)’) |
| define(`m4_turquoise3′, `RGB(0,197,205)’) |
| define(`m4_turquoise4′, `RGB(0,134,139)’) |
| define(`m4_cyan1′, `RGB(0,255,255)’) |
| define(`m4_cyan2′, `RGB(0,238,238)’) |
| define(`m4_cyan3′, `RGB(0,205,205)’) |
| define(`m4_cyan4′, `RGB(0,139,139)’) |
| define(`m4_darkslategray1′, `RGB(151,255,255)’) |
| define(`m4_darkslategray2′, `RGB(141,238,238)’) |
| define(`m4_darkslategray3′, `RGB(121,205,205)’) |
| define(`m4_darkslategray4′, `RGB(82,139,139)’) |
| define(`m4_aquamarine1′, `RGB(127,255,212)’) |
| define(`m4_aquamarine2′, `RGB(118,238,198)’) |
| define(`m4_aquamarine3′, `RGB(102,205,170)’) |
| define(`m4_aquamarine4′, `RGB(69,139,116)’) |
| define(`m4_darkseagreen1′, `RGB(193,255,193)’) |
| define(`m4_darkseagreen2′, `RGB(180,238,180)’) |
| define(`m4_darkseagreen3′, `RGB(155,205,155)’) |
| define(`m4_darkseagreen4′, `RGB(105,139,105)’) |
| define(`m4_seagreen1′, `RGB(84,255,159)’) |
| define(`m4_seagreen2′, `RGB(78,238,148)’) |
| define(`m4_seagreen3′, `RGB(67,205,128)’) |
| define(`m4_seagreen4′, `RGB(46,139,87)’) |
| define(`m4_palegreen1′, `RGB(154,255,154)’) |
| define(`m4_palegreen2′, `RGB(144,238,144)’) |
| define(`m4_palegreen3′, `RGB(124,205,124)’) |
| define(`m4_palegreen4′, `RGB(84,139,84)’) |
| define(`m4_springgreen1′, `RGB(0,255,127)’) |
| define(`m4_springgreen2′, `RGB(0,238,118)’) |
| define(`m4_springgreen3′, `RGB(0,205,102)’) |
| define(`m4_springgreen4′, `RGB(0,139,69)’) |
| define(`m4_green1′, `RGB(0,255,0)’) |
| define(`m4_green2′, `RGB(0,238,0)’) |
| define(`m4_green3′, `RGB(0,205,0)’) |
| define(`m4_green4′, `RGB(0,139,0)’) |
| define(`m4_chartreuse1′, `RGB(127,255,0)’) |
| define(`m4_chartreuse2′, `RGB(118,238,0)’) |
| define(`m4_chartreuse3′, `RGB(102,205,0)’) |
| define(`m4_chartreuse4′, `RGB(69,139,0)’) |
| define(`m4_olivedrab1′, `RGB(192,255,62)’) |
| define(`m4_olivedrab2′, `RGB(179,238,58)’) |
| define(`m4_olivedrab3′, `RGB(154,205,50)’) |
| define(`m4_olivedrab4′, `RGB(105,139,34)’) |
| define(`m4_darkolivegreen1′, `RGB(202,255,112)’) |
| define(`m4_darkolivegreen2′, `RGB(188,238,104)’) |
| define(`m4_darkolivegreen3′, `RGB(162,205,90)’) |
| define(`m4_darkolivegreen4′, `RGB(110,139,61)’) |
| define(`m4_khaki1′, `RGB(255,246,143)’) |
| define(`m4_khaki2′, `RGB(238,230,133)’) |
| define(`m4_khaki3′, `RGB(205,198,115)’) |
| define(`m4_khaki4′, `RGB(139,134,78)’) |
| define(`m4_lightgoldenrod1′, `RGB(255,236,139)’) |
| define(`m4_lightgoldenrod2′, `RGB(238,220,130)’) |
| define(`m4_lightgoldenrod3′, `RGB(205,190,112)’) |
| define(`m4_lightgoldenrod4′, `RGB(139,129,76)’) |
| define(`m4_lightyellow1′, `RGB(255,255,224)’) |
| define(`m4_lightyellow2′, `RGB(238,238,209)’) |
| define(`m4_lightyellow3′, `RGB(205,205,180)’) |
| define(`m4_lightyellow4′, `RGB(139,139,122)’) |
| define(`m4_yellow1′, `RGB(255,255,0)’) |
| define(`m4_yellow2′, `RGB(238,238,0)’) |
| define(`m4_yellow3′, `RGB(205,205,0)’) |
| define(`m4_yellow4′, `RGB(139,139,0)’) |
| define(`m4_gold1′, `RGB(255,215,0)’) |
| define(`m4_gold2′, `RGB(238,201,0)’) |
| define(`m4_gold3′, `RGB(205,173,0)’) |
| define(`m4_gold4′, `RGB(139,117,0)’) |
| define(`m4_goldenrod1′, `RGB(255,193,37)’) |
| define(`m4_goldenrod2′, `RGB(238,180,34)’) |
| define(`m4_goldenrod3′, `RGB(205,155,29)’) |
| define(`m4_goldenrod4′, `RGB(139,105,20)’) |
| define(`m4_darkgoldenrod1′, `RGB(255,185,15)’) |
| define(`m4_darkgoldenrod2′, `RGB(238,173,14)’) |
| define(`m4_darkgoldenrod3′, `RGB(205,149,12)’) |
| define(`m4_darkgoldenrod4′, `RGB(139,101,8)’) |
| define(`m4_rosybrown1′, `RGB(255,193,193)’) |
| define(`m4_rosybrown2′, `RGB(238,180,180)’) |
| define(`m4_rosybrown3′, `RGB(205,155,155)’) |
| define(`m4_rosybrown4′, `RGB(139,105,105)’) |
| define(`m4_indianred1′, `RGB(255,106,106)’) |
| define(`m4_indianred2′, `RGB(238,99,99)’) |
| define(`m4_indianred3′, `RGB(205,85,85)’) |
| define(`m4_indianred4′, `RGB(139,58,58)’) |
| define(`m4_sienna1′, `RGB(255,130,71)’) |
| define(`m4_sienna2′, `RGB(238,121,66)’) |
| define(`m4_sienna3′, `RGB(205,104,57)’) |
| define(`m4_sienna4′, `RGB(139,71,38)’) |
| define(`m4_burlywood1′, `RGB(255,211,155)’) |
| define(`m4_burlywood2′, `RGB(238,197,145)’) |
| define(`m4_burlywood3′, `RGB(205,170,125)’) |
| define(`m4_burlywood4′, `RGB(139,115,85)’) |
| define(`m4_wheat1′, `RGB(255,231,186)’) |
| define(`m4_wheat2′, `RGB(238,216,174)’) |
| define(`m4_wheat3′, `RGB(205,186,150)’) |
| define(`m4_wheat4′, `RGB(139,126,102)’) |
| define(`m4_tan1′, `RGB(255,165,79)’) |
| define(`m4_tan2′, `RGB(238,154,73)’) |
| define(`m4_tan3′, `RGB(205,133,63)’) |
| define(`m4_tan4′, `RGB(139,90,43)’) |
| define(`m4_chocolate1′, `RGB(255,127,36)’) |
| define(`m4_chocolate2′, `RGB(238,118,33)’) |
| define(`m4_chocolate3′, `RGB(205,102,29)’) |
| define(`m4_chocolate4′, `RGB(139,69,19)’) |
| define(`m4_firebrick1′, `RGB(255,48,48)’) |
| define(`m4_firebrick2′, `RGB(238,44,44)’) |
| define(`m4_firebrick3′, `RGB(205,38,38)’) |
| define(`m4_firebrick4′, `RGB(139,26,26)’) |
| define(`m4_brown1′, `RGB(255,64,64)’) |
| define(`m4_brown2′, `RGB(238,59,59)’) |
| define(`m4_brown3′, `RGB(205,51,51)’) |
| define(`m4_brown4′, `RGB(139,35,35)’) |
| define(`m4_salmon1′, `RGB(255,140,105)’) |
| define(`m4_salmon2′, `RGB(238,130,98)’) |
| define(`m4_salmon3′, `RGB(205,112,84)’) |
| define(`m4_salmon4′, `RGB(139,76,57)’) |
| define(`m4_lightsalmon1′, `RGB(255,160,122)’) |
| define(`m4_lightsalmon2′, `RGB(238,149,114)’) |
| define(`m4_lightsalmon3′, `RGB(205,129,98)’) |
| define(`m4_lightsalmon4′, `RGB(139,87,66)’) |
| define(`m4_orange1′, `RGB(255,165,0)’) |
| define(`m4_orange2′, `RGB(238,154,0)’) |
| define(`m4_orange3′, `RGB(205,133,0)’) |
| define(`m4_orange4′, `RGB(139,90,0)’) |
| define(`m4_darkorange1′, `RGB(255,127,0)’) |
| define(`m4_darkorange2′, `RGB(238,118,0)’) |
| define(`m4_darkorange3′, `RGB(205,102,0)’) |
| define(`m4_darkorange4′, `RGB(139,69,0)’) |
| define(`m4_coral1′, `RGB(255,114,86)’) |
| define(`m4_coral2′, `RGB(238,106,80)’) |
| define(`m4_coral3′, `RGB(205,91,69)’) |
| define(`m4_coral4′, `RGB(139,62,47)’) |
| define(`m4_tomato1′, `RGB(255,99,71)’) |
| define(`m4_tomato2′, `RGB(238,92,66)’) |
| define(`m4_tomato3′, `RGB(205,79,57)’) |
| define(`m4_tomato4′, `RGB(139,54,38)’) |
| define(`m4_orangered1′, `RGB(255,69,0)’) |
| define(`m4_orangered2′, `RGB(238,64,0)’) |
| define(`m4_orangered3′, `RGB(205,55,0)’) |
| define(`m4_orangered4′, `RGB(139,37,0)’) |
| define(`m4_red1′, `RGB(255,0,0)’) |
| define(`m4_red2′, `RGB(238,0,0)’) |
| define(`m4_red3′, `RGB(205,0,0)’) |
| define(`m4_red4′, `RGB(139,0,0)’) |
| define(`m4_deeppink1′, `RGB(255,20,147)’) |
| define(`m4_deeppink2′, `RGB(238,18,137)’) |
| define(`m4_deeppink3′, `RGB(205,16,118)’) |
| define(`m4_deeppink4′, `RGB(139,10,80)’) |
| define(`m4_hotpink1′, `RGB(255,110,180)’) |
| define(`m4_hotpink2′, `RGB(238,106,167)’) |
| define(`m4_hotpink3′, `RGB(205,96,144)’) |
| define(`m4_hotpink4′, `RGB(139,58,98)’) |
| define(`m4_pink1′, `RGB(255,181,197)’) |
| define(`m4_pink2′, `RGB(238,169,184)’) |
| define(`m4_pink3′, `RGB(205,145,158)’) |
| define(`m4_pink4′, `RGB(139,99,108)’) |
| define(`m4_lightpink1′, `RGB(255,174,185)’) |
| define(`m4_lightpink2′, `RGB(238,162,173)’) |
| define(`m4_lightpink3′, `RGB(205,140,149)’) |
| define(`m4_lightpink4′, `RGB(139,95,101)’) |
| define(`m4_palevioletred1′, `RGB(255,130,171)’) |
| define(`m4_palevioletred2′, `RGB(238,121,159)’) |
| define(`m4_palevioletred3′, `RGB(205,104,137)’) |
| define(`m4_palevioletred4′, `RGB(139,71,93)’) |
| define(`m4_maroon1′, `RGB(255,52,179)’) |
| define(`m4_maroon2′, `RGB(238,48,167)’) |
| define(`m4_maroon3′, `RGB(205,41,144)’) |
| define(`m4_maroon4′, `RGB(139,28,98)’) |
| define(`m4_violetred1′, `RGB(255,62,150)’) |
| define(`m4_violetred2′, `RGB(238,58,140)’) |
| define(`m4_violetred3′, `RGB(205,50,120)’) |
| define(`m4_violetred4′, `RGB(139,34,82)’) |
| define(`m4_magenta1′, `RGB(255,0,255)’) |
| define(`m4_magenta2′, `RGB(238,0,238)’) |
| define(`m4_magenta3′, `RGB(205,0,205)’) |
| define(`m4_magenta4′, `RGB(139,0,139)’) |
| define(`m4_orchid1′, `RGB(255,131,250)’) |
| define(`m4_orchid2′, `RGB(238,122,233)’) |
| define(`m4_orchid3′, `RGB(205,105,201)’) |
| define(`m4_orchid4′, `RGB(139,71,137)’) |
| define(`m4_plum1′, `RGB(255,187,255)’) |
| define(`m4_plum2′, `RGB(238,174,238)’) |
| define(`m4_plum3′, `RGB(205,150,205)’) |
| define(`m4_plum4′, `RGB(139,102,139)’) |
| define(`m4_mediumorchid1′, `RGB(224,102,255)’) |
| define(`m4_mediumorchid2′, `RGB(209,95,238)’) |
| define(`m4_mediumorchid3′, `RGB(180,82,205)’) |
| define(`m4_mediumorchid4′, `RGB(122,55,139)’) |
| define(`m4_darkorchid1′, `RGB(191,62,255)’) |
| define(`m4_darkorchid2′, `RGB(178,58,238)’) |
| define(`m4_darkorchid3′, `RGB(154,50,205)’) |
| define(`m4_darkorchid4′, `RGB(104,34,139)’) |
| define(`m4_purple1′, `RGB(155,48,255)’) |
| define(`m4_purple2′, `RGB(145,44,238)’) |
| define(`m4_purple3′, `RGB(125,38,205)’) |
| define(`m4_purple4′, `RGB(85,26,139)’) |
| define(`m4_mediumpurple1′, `RGB(171,130,255)’) |
| define(`m4_mediumpurple2′, `RGB(159,121,238)’) |
| define(`m4_mediumpurple3′, `RGB(137,104,205)’) |
| define(`m4_mediumpurple4′, `RGB(93,71,139)’) |
| define(`m4_thistle1′, `RGB(255,225,255)’) |
| define(`m4_thistle2′, `RGB(238,210,238)’) |
| define(`m4_thistle3′, `RGB(205,181,205)’) |
| define(`m4_thistle4′, `RGB(139,123,139)’) |
| define(`m4_grey11′, `RGB(28,28,28)’) |
| define(`m4_grey21′, `RGB(54,54,54)’) |
| define(`m4_grey31′, `RGB(79,79,79)’) |
| define(`m4_grey41′, `RGB(105,105,105)’) |
| define(`m4_grey51′, `RGB(130,130,130)’) |
| define(`m4_grey61′, `RGB(156,156,156)’) |
| define(`m4_grey71′, `RGB(181,181,181)’) |
| define(`m4_gray81′, `RGB(207,207,207)’) |
| define(`m4_gray91′, `RGB(232,232,232)’) |
| define(`m4_darkgrey’, `RGB(169,169,169)’) |
| define(`m4_darkblue’, `RGB(0,0,139)’) |
| define(`m4_darkcyan’, `RGB(0,139,139)’) |
| define(`m4_darkmagenta’, `RGB(139,0,139)’) |
| define(`m4_darkred’, `RGB(139,0,0)’) |
| define(`m4_lightgreen’, `RGB(144,238,144)’) |
Пипетка для определения цвета онлайн. Определить цвет пиксела на картинке онлайн
Наверняка веб-дизайнерам и художникам-графикам приходилось встречать в сети на различные цвета или изображения, которые им хотелось бы применить в своих собственных проектах. Запомнить каждую цветовую вариацию невозможно, и в этом им призван помочь инструмент «пипетка», без которого не обходится не один дизайнер!
С его помощью вы просто кликаете в любом месте на экране, если хотите скопировать тот или иной цвет для своих собственных нужд, в том числе для создания палитр и цветовых схем.
В этой связи мы хотим рассказать о 25 полезных инструментах для Windows, Mac, Firefox, Chrome, iPhone и Android.
Теперь вам не придется запоминать цвет: просто «хватайте» его и приступайте к работе!
Приложения для Windows
Instant Eyedropper — бесплатный инструмент, который помогает находить на вашем экране цветовые коды HTML любого пикселя. Одним кликом код будет скопирован в буфер обмена, после чего его можно вставить в нужное место.
Простой в использовании инструмент, который прикрепляет к курсору экранную лупу. Воспользовавшись ею, вы можете увеличить определенный пиксель на экране. Eye Dropper 3.01 показывает RGB, CMYK и HEX значения цвета.
Помимо нахождения цветового значения любого пикселя на вашем экране, Eyedropper позволяет измерять расстояние между пикселями. С этой целью можно использовать зум, чтобы вычисления были предельно точными. Значение цвета автоматически сохраняется в буфере обмена. Среди доступных форматов – HEX, RGB и CMYK.
Данный инструмент прекрасно подойдет для мониторов с высоким разрешением. Он включает в себя экранную лупу, благодаря которой вы можете более детально изучить интересующий вас цвет. В палитрах может быть сохранено до 16 цветов. Также в вашем распоряжении окажутся 4 усовершенствованных цветовых микшера, значительно расширяющих ваши возможности. Здесь, более того, есть много обновленных функциональных возможностей, таких как смешение и выравнивание цветов, просмотр безопасной версии каждого из цветов, а также область увеличения изменяемого размера.
Quick HTML Color Picker – это бесплатный инструмент для получения цвета на любом экране с возможностью предварительного просмотра перед окончательным выбором. Цвет будет представлен в форматах RGB и HTML и скопирован в буфер обмена.
ColorPix выбирает цвета на вашем экране и показывает их в форматах RGB, HEX, HSB и CMYK. Здесь есть встроенная экранная лупа, позволяющая осуществлять более детальный и тщательный просмотр. Значения автоматически копируются в буфер обмена.
Just Color Picker – это не просто среднестатистический инструмент для «захвата» цвета, — показывает цвета в HTML, RGB, HSB/HSV и HSL форматах. Just Color Picker использует экранную лупу с тремя опциями, цветовые гаммы RGB и RYB для демонстрации триад и дополнительных цветов, поиск сочетающихся цветов, конверсии цветовых кодов и многое другое!
Это очень простой селектор цвета, представляющий цвета в форматах RGB, HEX, HTML и WinAPI. Вы можете скопировать один из них или все в буфер обмена. Инструмент можно минимизировать до панели оповещения.
Color Cop, возможно, и небольшой инструмент, но он может похвастаться богатством доступных опций. Вы можете использовать «пипетку» для того, чтобы «взять» цвет в любом месте экрана, и использовать экранную лупу для увеличения. Цвета доступны в таких форматах, как HTML hex, Delphi hex, Powerbuilder, Visual Basic, Clarion, Visual C++, RGB float и RGB int. Вы можете сохранить в истории до семи цветов, найти дополнительные и «безопасные» (web-safe) цвета, расположить приложение в области пиктограмм панели задач и многое другое.
ColorMania позволяет выбирать цвет в любой точке экрана. Здесь также есть лупа для более тщательного выбора. Цвета могут быть показаны в RGB, HSV, HSL и CMYK значениях. Плюс к этому, вы можете сохранить в палитре до шести цветов.
Аддоны для Firefox
PixelZoomer – прекрасный аддон для «захвата» цветов и перевода их в HEX код. От подобных инструментов он отличается тем, что представляет веб-страницу в виде скриншота и приближает пиксели с помощью нового элемента CSS.
ColorZilla от обычного инструмента «пипетки» отличается только тем, что находится в вашем браузере. С этим аддоном для Firefox пользователи могут получить цвет любого пикселя прямо в своем браузере. Встроенная палитра позволяет выбирать цвета из определенных цветовых наборов и сохранять наиболее часто используемые в пользовательской палитре.
Rainbow Color Tools включает такие элементы, как распознаватель, который извлекает из текущей веб-страницы изображения и CSS; захватчик, который собирает цвета в RGB и HSV значениях; программа контроля, которая получает цвет любого пикселя в браузере; и, наконец, библиотека, которая сортирует сохраненные цвета по тэгам или url страницы, на котором был найден цвет.
Это один из наиболее продвинутых инструментов от Nvu для Firefox. Он достаточно незатейлив в использовании: вы просто кликаете и получаете цвет. Цвета представлены по названиям и в HEX формате. С помощью Rainbowpicker можно изменить оттенок, насыщенность и яркость, что, в свою очередь, позволяет создавать множество цветовых вариаций.
Приложения для Mac
Уникальность ColourMod состоит в том, что он доступен в пяти различных версиях: Konfabulator, ColorMod V1.9, ColourMod V2.2, Unbranded и Personalized. Каждая версия разработана таким образом, чтобы соответствовать вашим потребностям. Konfabulator – это версия для настольного компьютера, доступна для Mac и Windows. ColorMod V1.9 является виджетом для панели наблюдения Mac. ColourMod V2.2 – плагин для веб-приложений. Unbranded удаляет брендинг ColourMod, а Personalized позволяет добавлять в приложение свой собственный логотип.
DigitalColor Meter – инструмент для Mac OS X. Если вы проведете мышкой по экрану, он покажет цветовое значение любого пикселя. Вы можете задать формат, в котором будет показан цвет (RGB, YUV или CIE).
Незамысловатое и очень полезное приложение. Само о себе оно говорит так: «инструмент для получения цвета, которого так не хватало Mac». Оно располагается в главном меню до тех пор, пока вы не вызовете его горячей клавишей. ColorSnapper для большей точности в выборе использует экранную лупу. Заданный цвет автоматически копируется в буфер обмена, и впоследствии им можно воспользоваться повторно. Более того, в вашем распоряжении окажется около 13 различных форматов.
Hex Color Picker добавляет дополнительную вкладку в общесистемную цветовую панель, и вы сразу же можете видеть hex код любого цвета. Также у вас есть возможность изменять цвет, используя набор сокращений, и пользоваться опцией предварительного просмотра.
Очень простой инструмент, показывающий RGB и HEX значения. При желании вы можете внести ограничения таким образом, чтобы ползунок показывал только безопасные цвета. Данный инструмент задействован в цветовой панели большинства приложений Cocoa и Carbon.
Все предельно просто и понятно: Pipette дает вам возможность взять любой цвет и скопировать его в HEX формате. Приложение не займет много места на вашем устройстве, и при его использовании у вас не должно возникнуть никаких сложностей.
Расширения для Chrome
Применив colorPicker, вы можете «хватать» цвета с любой веб-страницы, сохранять и копировать их в буфер обмена. Цвета представлены в следующих значениях: HSB, RGB и CMYK. Веб-разработчики найдут здесь для себя много дополнительных функций, среди которых возможность проверить совместимость с WCAG 2, настройки в области «пипетки» и наличие DOM-Explorer для быстрого поиска элементов и тэгов на странице.
Данное расширение не только позволяет выбирать цвета на любой веб-странице, но и расположить на ней линейки, указатели и шкалу. Rulers, Guides, Eye Dropper & Color Picker располагает широким спектром опция для линеек, указателей и шкал, но селектор цвета и сам по себе работает отлично.
Eye Dropper — отличное расширение с усовершенствованным селектором цвета, предоставляющее HSV, RGB и HEX полученного цвета. Цвета хранятся в вашей истории, чтобы вы могли позднее при надобности ими воспользоваться или скопировать в буфер обмена.
Color Pick представляет собой невероятно простой инструмент «пипетку» со встроенной экранной лупой. Расширение будет хранить заданный вами цвет до тех пор, пока вы не выберете новый. Цвета представлены в форматах RGB, HSL и HEX.
Приложения для iPhone
Если вы разработчик и у вас есть iPhone, то Loupe поможет вам найти вдохновение, где бы вы ни были. С его помощью вы можете брать цвета из фотографий в вашей галерее или из только что сделанных снимков. Затем вы можете создавать цветовые ячейки, сохранять цветовые значения и добавлять заметки, которые помогут не забыть важные детали.
Этот селектор цвета хорошо подойдет для создания и последующей работы с палитрами на iPhone. Он конвертирует форматы в рамках RGB, HSB и CMYK. Вы можете брать цвета из своей фотокамеры, фото галереи или Flickr. Палитрами можно делиться посредством электронной почты, и, кроме того, они совместимы с Adobe Illustrator, Adobe Photoshop и Microsoft Word.
Приложения для Android
Этот функциональный инструмент для выбора цвета незаменим для дизайнеров, программистов и художников. Он поддерживает 7 различных режимов с цветовыми моделями RGB, HSV, HSL и YUV. Вы можете использовать как палитру, так и ползунок. Цвета представлены в decimal и HEX.
LifeDropper – приложение для Android, которое может назвать цвета реальных объектов, используя камеру на вашем устройстве. Цвета показаны в значениях RGB, CMYK и HEX.
На этом всё!
Какая из 25 представленных в нашей статье «пипеток» вам понравилась больше остальных? Возможно, вы пользуетесь инструментом, который не вошел в наш список? Если так, расскажите о нем нам!
Вид ПО : Определение цвета
Разработчик/Издатель : Vlad Polyanskiy
Версия : 1.0
iPhone + iPad : 33 рубля [Скачать из App Store ]
В жизни так много важных и интересных вещей! Названия цветов – не из их числа. Запоминать отличия какого-нибудь экрю от верблюжего нужно лишь некоторым людям крайне специфических профессий. Всем остальным достаточно иметь под рукой Колориметр . Это приложение для iPhone, которое определяет цвет по фотографии, предоставляя вам максимум информации по каждому оттенку.
Помните, как искали обои определённого цвета? Или предмет одежды под специфический дресскод? А может, вам нужна деталь интерьера, которая точно вписалась бы в цвета мебели или разбавила акценты? Решить все эти и другие мелкие бытовые задачи поможет новое отечественное приложение Колориметр для iPhone.
Каждый десятый мужчина сталкивается с дальтонизмом – невозможностью различать цвета. Почти все остальные плохо различают разновидности красного. И никто из нас не знает по-настоящему, какого цвета обои наклеены на стенах их собственного дома. Список оттенков не заканчивается на типичных цветах карандашей из детства. Стол цвета умбра или обои масти грульо – не скользкий перевод с другого языка, а реальные названия реальных цветов предметов, которые вас окружают.
Колориметр действует просто. Запускаете программу, делаете фото и водите по нему пальцем. Виртуальное увеличительное стекло анализирует цвет в точке касания и выдаёт его культурное название.
Побегав по дому с айфоном и узнав много новых слов, начинаешь осознавать пользу от практического применения приложения. Сымитировать звук можно. Обрисовать на слова форму предметах тоже несложно. А вот объяснить, чем отличается нравящийся вам оттенок серого от того, который представляет себе собеседник, почти невозможно. И вот тут-то и пригодится база цветов Колориметра .
К примеру, вам нужно купить обои определённого цвета. Или ещё хуже: кто-то другой должен купить обои, а вы сидите в предвкушении, что вечером вам домой привезут десяток рулонов совсем не того оттенка, о котором вы мечтали. Сфотографировав предмет и выбрав самый близкий к нему оттенок, вы будете уверены, что ваш партнёр или помощник по ремонту точно знает, что нужно купить.
Иногда даже малейшее отклонение в цвете может стать критичным. Например, при выборе краски. Тут уже недостаточно одного названия или изображения. Нужны стандарты, цифры. Хорошо, что в Колориметре всё это тоже есть. Нажав на название цвета, вы откроете его подробное описание . Здесь указаны параметры оттенка в самых популярных цветовых моделях – RGB (цифровое изображение) и CMYK , для печати.
Если же речь идет не о жидких красках и цветах, а о виртуальных, дизайнеры оценят и два дополнительных параметра – HSB (тон, насыщенность и яркость) и HEX -код цвета для веб-сайтов. Помимо этого, приложение показывает три самых подходящих цвета в известной системе Pantone , зная которые, вам будет гораздо проще вести диалог с производителем или продавцом мебели и декора.
К разработчикам Колориметра есть несколько предложений по дальнейшему развитию. Справочная информация по цветам должна копироваться в буфер обмена или хотя бы выделяться как текст – это поможет быстро обмениваться инфой с людьми через iMessage или электронную почту, а не высылать им толстый скриншот. А в интерфейсе встроенной фотокамеры не помешает переключатель для вспышки, ибо сейчас она срабатывает автоматически, что не всегда хорошо.
Однажды человек научил компьютер определять цвет по коду. Все просто — код равен цвету и цвет равен коду. #FFFFFF = «белый», «черный» = #000000. И вот компьютер на мониторе отображает цвет и нужно узнать код цвета, чтобы использовать такой же цвет в другой программе. Как узнать код цвета? Для этого нужен «определитель цвета пикселей» или по-другому «программа пипетка». Программа ColorPic это мгновенный определитель кода цвета в любой точке экрана монитора. Утилита распознает цвет и показывает его кодовое обозначение в шестнадцатеричном и десятичном формате. Утилита ColorPic пригодиться и хорошо послужит дизайнеру и разработчику.
Определить цвет пикселя
Определяемые программой цвета можно хранить в отдельной палитре размером в 16 цветов для запоминания. Пользователь всегда может вернуться к составленной карте найденных цветов, палитра доступна и после перезапуска программы. ColorPic захватывает фрагмент экрана вокруг указателя мыши и отображает его увеличенное изображение в своем окне, при этом множитель масштабирования захваченной картинки можно изменять от 2 до 36. После запуска программа определяет цвет и его кодовое обозначение пикселя, находящегося под курсором мыши в любом месте экрана. Для добавления цвета в палитру в ColorPic реализована комбинация клавиш Ctrl+G.
Пост поможет определить цвет онлайн с помощью нескольких сайтов, один просто супер остальные имеют меньший функционал. Способ пригодится тем у кого нет возможности использовать компьютерную программу, например на планшете.
Выбор за sanstv.ru: найдет код пикселя
Отлично, наконец начали делать онлайн сервисы на русском sanstv.ru, и вот адрес , отличительная черта разбивает файл до пикселя. Чтобы начать пользоваться прошу смотреть скриншот.
- Можно вставить файл для определения путем нажатия кнопки PrtScr, при этом сделается снимок с всего браузера, но его видно не будет, чтобы показать на экране нажимаем cntrl+f.
- Либо простым перетаскиванием с вашего компьютера в окно редактора.
- Может делать по фото в хорошем качестве.
- Удобно узнать окрас на сайте, сделал снимок и вставил.
После всех манипуляций увидите свою иллюстрацию и большое увеличение. Чтобы определить код (название) цвета надо навести на необходимый оттенок и посмотреть комбинацию.
- Наводим на необходимое место на экране, большое увеличение.
- Номер в двух формациях rgb и hex, оба используются, но популярнее hex.
Здесь много полезных вещей, например, как верстальщику соединение css. Создан альтруистом, за пользование денег не просит. Переходим к остальным сервисам.
Просто определить цвет онлайн с imagecolorpicker.com
Данный сайт imagecolorpicker.com отличается простотой определения цвета онлайн, работает быстро. Но простота дает некоторые ограничения:
- Нельзя увеличивать, если только нажатием cntrl и +.
- Чтобы определить оттенок нельзя пользоваться перетаскиванием и скринами, только загрузкой.
Сайт достоин внимания, пипетка выводится прицелом, не потеряйте.
Колорист imgonline.com.ua: поможет узнать даже цвет волос
Данный сайт не может указать именно какой нужен код, он делает разбивку на основные составляющие, вот адрес . Понадобиться дизайнеру, который не может установить популярный коллаж в иллюстрации. Отчет выглядит так:
Сначала прописываем количество основных оттенков (а именно пикселя на картинке которых больше будут упорядочены по убыванию). Выставляем сжатие, загружаем изображение, и ждем обработки. Так же может понадобится например парикмахерам, чтобы узнать цвет волос не тыкая, просто загрузить изображение прически и сервис разобьет на оттенок и название.
Стоковый getcolor.ru: по картинке не работает
Поместил в статью getcolor.ru потому что нет претендентов, огромный минус: нет поиска по картинке. Работает на основе простого оттеночного круга, и выбора нажатием. Перемещаете бегунок в нужно направлении и смотрите параметры rgb, а так же hex.
Хотя нет, нашел один плюс, умеет давать название окраске, посмотрите внизу, каждый раз выдает разные. Использование: например в каталогах и при html верстке.
Рассказал про самые лучшие ресурсы, помогающие определить цвет онлайн без установки программ. Успехов.
Такой вопрос наверняка ни раз возникал у веб-дизайнера, разработчика или простого пользователя компьютера. Часто возникает необходимость подобрать цвет используемый на каком-либо объекте, например сайте или просто точки на экране монитора.
Существуют несколько основных способов представления цветов, например когда каждый цвет или оттенок, обозначается HTML кодом и цветовой палитрой RGB в виде #FF7700. Это представление в виде трёх пар шестнадцатеричных цифр, в которых каждая пара отвечает за свой цвет:
первые две цифры — красный цвет, т.е. — R (red)
две в середине — зелёный — G (green)
последние две цифры — синий — B (blue)
Довольно часто используют крадкое представление цвета в виде трех символов #F70, что будет равносильно #FF7700.
Кстати, на веб-ресурсах цвета обычно указываются в стилях CSS.
Давайте перейдем к ответу на главный вопрос — Как узнать цвет пикселя на экране монитора или картинке?
Способов большое множество…
Способ 1. Узнаем цвет в photoshop
Итак, сделаем «снимок экрана» нажатием на клавиатуре клавиши — Print Screen (PrtSc), в том месте, где хотим узнать код нашего цвета. Во время нажатия клавиши система сохранит снимок в буфере обмена. Можно просто скопировать изображение, например из браузера, без PrtSc. Теперь остается только вставить изображение из буфера в фотошоп.
Открываем фотошоп и вставляем изображение (Файл — Создать, Редактирование — Вставить). Ищем на панели инструментов «Пипетка» (Клавиша I), далее щелкаем левой кнопкой мыши в ту область, в котрой хотим «снять» цвет. Все готово! Теперь остается перейти в палитру и узнать код цвета.
Способ 2. Узнаем цвет в Paint
Заходим в Paint — вставляем картинку — используем инструмент «палитра» — переходим в «изменение цветов»:
В нашем случае красный — 252, зеленый — 168, синий — 10, т.е. RGB(252,168,10) или в HEX формате #FCA80A.
Способ 3. Просмотреть код элемента в браузере
Опишу способ для браузера Opera. Выделяем мышкой элемент на сайте и щелкаем по нему правой кнопкой мыши — «Просмотреть код элемента» (Ctrl + Shift + C). Откроется панель с html и css кодом, нужно будет найти что-то подобное «color».
Способ 4. Использование специальных средств или программ.
Существует большое количество специальных программ для снятия цвета, мне нравится очень простая прога под названием «Pixie» с весом около 10-11 Кб. Управление очень простое. Достаточно просто навести мышь в нужную точку на экране монитора и нажать следующие клавиши — Ctrl + Alt + C, в результате чего цветовой код скопируется в буфер обмена.
Цветовая палитраRGB и HEX с именами
IMGonline.com.ua
Обработка фотографий в формате JPEG онлайн.
Палитра из 137 цветов с названиями, значениями RGB и HEX (HTML) кодом.
| Название цвета | RGB | HEX |
| Бордовый | RGB (128,0,0) | # 800000 |
| Темно-красный | RGB (139,0,0) | # 8B0000 |
| Огненный кирпич | RGB (178,34,34) | # B22222 |
| Красный | RGB (255,0,0) | # FF0000 |
| Лосось | RGB (250,128,114) | # FA8072 |
| Помидор | RGB (255,99,71) | # FF6347 |
| Коралл | RGB (255,127,80) | # FF7F50 |
| Оранжевый Красный | RGB (255,69,0) | # FF4500 |
| Шоколадный | RGB (210,105,30) | # D2691E |
| Песочно-коричневый | RGB (244,164,96) | # F4A460 |
| Темно-оранжевый | RGB (255,140,0) | # FF8C00 |
| Оранжевый | RGB (255,165,0) | # FFA500 |
| Темный Голденрод | RGB (184,134,11) | # B8860B |
| Золотарник | RGB (218,165,32) | # DAA520 |
| Золото | RGB (255 215,0) | # FFD700 |
| оливковое | RGB (128,128,0) | # 808000 |
| Желтый | RGB (255,255,0) | # FFFF00 |
| Желто-зеленый | RGB (154,205,50) | # 9ACD32 |
| зеленый желтый | RGB (173,255,47) | # ADFF2F |
| Шартрез | RGB (127,255,0) | # 7FFF00 |
| Зеленый газон | RGB (124,252,0) | # 7CFC00 |
| зеленый | RGB (0,128,0) | # 008000 |
| лайм | RGB (0,255,0) | # 00FF00 |
| Желто-зеленый | RGB (50,205,50) | # 32CD32 |
| Весенний зеленый | RGB (0,255,127) | # 00FF7F |
| Средний весенний зеленый | RGB (0,250,154) | # 00FA9A |
| бирюза | RGB (64 224 208) | # 40E0D0 |
| Светлое Морезеленое | RGB (32,178,70) | # 20B2AA |
| средний бирюзовый | RGB (72,209,204) | # 48D1CC |
| Темно-голубой | RGB (0,139,139) | # 008B8B |
| Аква | RGB (0,255,255) | # 00FFFF |
| Темно-бирюзовый | RGB (0,206,209) | # 00CED1 |
| Глубокий небесно-голубой | RGB (0,191,255) | # 00BFFF |
| Доджер синий | RGB (30,144,255) | # 1E90FF |
| Тёмно-синий | RGB (65,105,225) | # 4169E1 |
| ВМС | RGB (0,0,128) | # 000080 |
| Темно-синий | RGB (0,0,139) | # 00008B |
| средний синий | RGB (0,0,205) | # 0000CD |
| Синий | RGB (0,0,255) | # 0000FF |
| сине-фиолетовый | RGB (138,43,226) | # 8A2BE2 |
| Темная орхидея | RGB (153,50,204) | # 9932CC |
| Темно-фиолетовый | RGB (148,0 211) | # 9400D3 |
| Фиолетовый | RGB (128,0,128) | # 800080 |
| Темно-пурпурный | RGB (139,0,139) | # 8B008B |
| пурпурный | RGB (255,0,255) | # FF00FF |
| Средний фиолетовый красный | RGB (199,21,133) | # C71585 |
| Темно-розовый | RGB (255,20,147) | # FF1493 |
| Ярко-розовый | RGB (255,105,80) | # FF69B4 |
| Малиновый | RGB (220,20,60) | # DC143C |
| Коричневый | RGB (165,42,42) | # A52A2A |
| Индийский красный | RGB (205,92,92) | # CD5C5C |
| Розово-коричневый | RGB (188 143 143) | # BC8F8F |
| Светлый коралл | RGB (240,128,128) | # F08080 |
| Снег | RGB (255,250,250) | #FFFAFA |
| Мисти Роуз | RGB (255 228 225) | # FFE4E1 |
| Темный лосось | RGB (233,150,122) | # E9967A |
| Легкий лосось | RGB (255,160,122) | # FFA07A |
| Сиенна | RGB (160,82,45) | # A0522D |
| Морская ракушка | RGB (255 245 238) | # FFF5EE |
| Седло Коричневый | RGB (139,69,19) | # 8B4513 |
| Персиковый пуховик | RGB (255 218 185) | # FFDAB9 |
| Перу | RGB (205,133,63) | # CD853F |
| Белье | RGB (250,240,230) | # FAF0E6 |
| Бисквит | RGB (255 228 196) | # FFE4C4 |
| Бурливуд | RGB (222 184 135) | # DEB887 |
| Желто-коричневый | RGB (210,180,140) | # D2B48C |
| Античный белый | RGB (255 235 215) | # FAEBD7 |
| Навахо Белый | RGB (255 222 173) | #FFDEAD |
| Бланшированный миндаль | RGB (255 235 205) | #FFEBCD |
| Кнут из папайи | RGB (255 239 213) | # FFEFD5 |
| Мокасины | RGB (255 228 181) | # FFE4B5 |
| Пшеница | RGB (245 222 179) | # F5DEB3 |
| Oldlace | RGB (253 245 230) | # FDF5E6 |
| Цветочно-белый | RGB (255,250,240) | # FFFAF0 |
| Корнсилк | RGB (255 248 220) | # FFF8DC |
| хаки | RGB (240,230,140) | # F0E68C |
| Лимонный шифон | RGB (255,250,205) | #FFFACD |
| Золотарник бледный | RGB (238,232,170) | # EEE8AA |
| Темный хаки | RGB (189 183 107) | # BDB76B |
| бежевый | RGB (245 245 220) | # F5F5DC |
| Светло-желтый золотарник | RGB (250,250,210) | # FAFAD2 |
| Светло-желтый | RGB (255,255,224) | # FFFFE0 |
| слоновая кость | RGB (255,255,240) | # FFFFF0 |
| Оливковое масло | RGB (107,142,35) | # 6B8E23 |
| Темно-оливково-зеленый | RGB (85,107,47) | # 556B2F |
| Темно-морской зеленый | RGB (143 188 143) | # 8FBC8F |
| Темно-зеленый | RGB (0,100,0) | # 006400 |
| Лес зеленый | RGB (34,139,34) | # 228B22 |
| Светло-зеленый | RGB (144 238 144) | # 90EE90 |
| Бледно-зеленый | RGB (152 251 152) | # 98FB98 |
| Ханидью | RGB (240,255,240) | # F0FFF0 |
| Морской зеленый | RGB (46,139,87) | # 2E8B57 |
| Средний морской зеленый | RGB (60,179,113) | # 3CB371 |
| Мятный крем | RGB (245,255,250) | # F5FFFA |
| Аквамарин средний | RGB (102,205,170) | # 66CDAA |
| Аквамарин | RGB (127,255,212) | # 7FFFD4 |
| Темно-серый | RGB (47,79,79) | # 2F4F4F |
| Бледно-бирюзовый | RGB (179 238 238) | #AFEEEE |
| Светло-голубой | RGB (224,255,255) | # E0FFFF |
| Лазурный | RGB (245,255,255) | # F0FFFF |
| Кадетский синий | RGB (95,158,160) | # 5F9EA0 |
| Синий порошок | RGB (176,224,230) | # B0E0E6 |
| Голубой | RGB (173 216 230) | # ADD8E6 |
| Небесно-голубой | RGB (135,206,235) | # 87CEEB |
| Голубой свет | RGB (135 206 250) | # 87CEFA |
| Голубая сталь | RGB (70,130,180) | # 4682B4 |
| Голубая Алиса | RGB (240 248 255) | # F0F8FF |
| Серый шифер | RGB (112,128,144) | # 708090 |
| Светло-серый | RGB (119,136,153) | # 778899 |
| Голубая легкая сталь | RGB (176,196,222) | # B0C4DE |
| Васильковый | RGB (100,149,237) | # 6495ED |
| Лаванда | RGB (230,230,250) | # E6E6FA |
| Призрачно-белый | RGB (248 248 255) | # F8F8FF |
| Полуночно-синий | RGB (25,25,112) | # 191970 |
| Синий шифер | RGB (106,90,205) | # 6A5ACD |
| Темно-синий | RGB (72,61,139) | # 483D8B |
| Синий шифер средний | RGB (123 104 238) | # 7B68EE |
| средний фиолетовый | RGB (147,112,219) | # 9370DB |
| Индиго | RGB (75,0,130) | # 4B0082 |
| Средняя орхидея | RGB (186,85,211) | # BA55D3 |
| Слива | RGB (221 160 221) | # DDA0DD |
| фиолетовый | RGB (238 130 238) | # EE82EE |
| Чертополох | RGB (216,191,216) | # D8BFD8 |
| Орхидея | RGB (218,112,214) | # DA70D6 |
| Лаванда B пышный | RGB (255 240 245) | # FFF0F5 |
| Бледно-фиолетовый красный | RGB (219 112 147) | # DB7093 |
| Розовый | RGB (255,192,203) | # FFC0CB |
| Светло-розовый | RGB (255 182 193) | # FFB6C1 |
| Черный | RGB (0,0,0) | # 000000 |
| DimGray | RGB (105,105,105) | # 696969 |
| серый | RGB (128,128,128) | # 808080 |
| Темно-серый | RGB (169 169 169) | # A9A9A9 |
| Серебро | RGB (192,192,192) | # C0C0C0 |
| Светло-серый | RGB (211 211 211) | # D3D3D3 |
| Гейнсборо | RGB (220,220,220) | #DCDCDC |
| Белый дым | RGB (245 245 245) | # F5F5F5 |
| Белый | RGB (255,255,255) | #FFFFFF |
© 2018 www.imgonline.com.ua
Палитра— Дизайнер цветовых схем
Влюблен в цвета с 2002 года.
- Приложение Paletton
- Colorpedia
- О компании Paletton
- О компании Paletton
Paletton.com — это дизайнерский инструмент цвета, предназначенный для создания цветовых комбинаций, которые хорошо сочетаются друг с другом. Он использует классическую теорию цвета с древним художественным цветовым кругом RYB для создания цветовых палитр от одного до четырех оттенков, каждая из пяти разных оттенков.Можно выбрать различные стили предварительного просмотра, чтобы проверить и просмотреть цвета в комбинациях, доступно множество примеров, чтобы увидеть палитру, используемую в дизайне веб-сайта, дизайне пользовательского интерфейса или в произвольно нарисованном изображении. Предварительный просмотр ткани Tartan также доступен для тех, кто интересуется текстилем и дизайном интерьера.
Этот инструмент палитры использует различные цветовые модели для объединения смежных цветов и / или дополнительных цветов к основному оттенку. Выбирайте модели от монохромных до трехцветных или четырехцветных наборов цветов, с дополнением или без него (противоположный оттенок), наслаждайтесь даже режимом свободного стиля.Поиграйте с яркостью и насыщенностью палитры, выберите из предустановленных предустановок или создайте случайные палитры. Уникальный фильтр имитации зрения имитирует палитру, которую видят люди с различной слабостью зрения, дальтонизмом, различными вариантами дальтонизма (протанопия, дейтеранопия, тританопия, протаномалия, дейтераномалия, тританомалия, дисхроматопсия или ахроматопсия), а также несколько гамма-симуляций (симуляция слишком яркого дисплея или слишком темной печати), обесцвечивания, преобразования оттенков серого или веб-цветов (устаревшая 216-цветная палитра).Палитру можно экспортировать во множество различных форматов (HTML, CSS, LESS, XML, текст, изображение PNG, палитра образцов Photoshop ACO или формат палитры GIMP GPL) для раскрашивания ваших работ. Проверьте цветовой контраст всех цветовых пар, используемых в палитре, и проверьте, соответствует ли цветовой контраст требованиям WCAG. Подробнее о цветах в Colorpedia.
Paletton является преемником предыдущего приложения Color Scheme Designer 3, которым с 2009 года пользуются почти 20 миллионов посетителей (в то время как первая версия была опубликована в 2002 году), как профессиональных дизайнеров, так и любителей, интересующихся дизайном, дизайном мобильных или настольных приложений или веб-дизайном. дизайн интерьера, мода или обустройство дома и переделки.Полная история Paletton в Colorpedia.
Javascript не обнаружен. Для этого приложения требуется Javascript.
Цветной
Чтобы создать палитру из n цветов, просто введите количество цветов хотите и нажмите Создать . Палитры большего размера займут больше времени, чем палитры меньшего размера. Результаты появятся автоматически, когда будут готовы.
Для получения более подробной информации, пожалуйста, обратитесь к нашему бумага или исходный код.
Оценка Важность
- Расстояние восприятия
- Увеличение расстояния восприятия благоприятствует палитра цветов, которые легче различимы человеческим глазом. Чтобы точно смоделировать остроту цвета человека, это выполняется с помощью CIEDE2000 в лаборатории CIE цветовое пространство.
- Разница в именах
- Увеличение разницы в именах отдает предпочтение цветам палитры, которые разделяют несколько общие имена. Это похоже на расстояние восприятия, но может привести к разным результатам в определенных областях цветовое пространство.Это случается, когда есть много разных имен для воспринимаемо близкие цвета (например, красный и розовый кажутся близкими по восприятию, но названы иначе). Colorgorical рассчитывает это с помощью Хира и Стоуна. Назовите функцию различия, которая построен на вершине XKCD цветоименованный опрос.
- Предпочтение пары
- Увеличение предпочтения пары отдает предпочтение цветам палитры, которые включены средний, считается более эстетичным вместе. Обычно эти цвета похожи по оттенку, имеют разную светлоту и более прохладные цвета (синий и зеленый).Предпочтение пары основано на Schloss and Palmer’s исследование цветовых предпочтений.
- Уникальность имени
- Повышение уникальности имени отдает предпочтение уникальным цветам палитры. названный. Некоторые цвета, такие как красный, можно легко назвать и предпочтительны, тогда как другие цвета менее явно названы и игнорируются. Например, «Разница в именах», «Уникальность в именах» на основе исследования названий цветов Хира и Стоуна.
Выбрать фильтр оттенков
Вы можете ограничить выбор цветов, перетащив колесо выберите диапазон оттенков или вручную введите углы (например,g., выберите только красные). Вы также можете выбрать несколько вариантов один за другим, чтобы выбрать много разных диапазонов оттенков (например, выбрать оба зелень и пурпур).
Выбрать диапазон яркости
Вы можете выбрать более светлые или темные цвета цветовых образцов с помощью перетаскивая кружки на обоих концах маркера диапазона яркости.
Добавить начальные цвета
Вы можете гарантировать, что определенные цвета присутствуют в вашей палитре, введя их через панель Добавить начальную палитру цветов в строке меню.Делать убедитесь, что вы вводите цвета по одному, без кавычек и в любом HEX или в формате RGB. В качестве альтернативы, если вы создаете палитру и хотите добавить раскрасьте его будущим поколениям, нажмите кнопка Пуск.
Colorgorical был построен Коннором Грамацио с советом Дэвида Лэйдлоу. и Карен Шлосс.
Документация
Если вы хотите узнать больше о том, как работает Colorgorical, прочтите наши бумага здесь. Если вас интересует реализация, пожалуйста см. репозиторий Colorgorical GitHub, расположенный здесь.
Если вы используете Colorgorical, используйте следующую ссылку:
@article {gramazio-2017-ccd,
author = {Грамацио, Коннор К. и Лейдлоу, Дэвид Х. и Шлосс, Карен Б.},
journal = {IEEE Transactions по визуализации и компьютерной графике},
title = {Colorgorical: создание различимых и предпочтительных цветовых палитр для визуализации информации},
год = {2017}
}
HTML, CSS, RGB, цветовые палитры и многое другое
Работа с цветами — трудоемкая задача для веб-дизайнера, для начала вам нужно выбрать цветовую палитру для своих красочных дизайнов , затем есть все виды кодовых значений, которые нужно запомнить и преобразовать из шестнадцатеричного в RGBa.Чтобы ускорить процесс и сделать жизнь дизайнера намного проще, в Интернете доступно множество удобных инструментов. Эти инструменты цвета помогут вам с легкостью выбирать и преобразовывать выбранные цвета для вашего следующего проекта веб-дизайна.
Вы когда-нибудь хотели использовать определенный цвет, но не могли найти его название или шестнадцатеричный код? С помощью этих генераторов цвета вы можете найти именно тот цвет, который вам нужен. Есть несколько вариантов, которые помогут получить желаемый цвет. Например, вы можете выбрать цвет, похожий на тот, который вам нужен, а затем выбрать между альтернативными оттенками.Кроме того, вы можете регулировать оттенок, насыщенность или яркость, пока не будете довольны результатом. После всех изменений вы получите шестнадцатеричный код, а также название цвета и интегрируете их в свой дизайн. Просто, правда ?!
Если вы начинаете работу над дизайном с нуля без каких-либо рекомендаций по бренду или цветового вдохновения, может быть сложно составить цветовую схему, которая будет работать. Генераторы цветовой палитры могут пригодиться во многих ситуациях. Хотя они в основном используются в проектах веб-дизайна, генераторы цветовой палитры также могут быть полезны в различных других проектах, связанных с дизайном.
Вот несколько цветовых инструментов, которые помогут вам собрать красивую комбинацию цветов, которая гарантированно будет работать.
ColourLovers
ColourLovers содержит миллионы цветовых палитр, созданных пользователями. Просмотрите коллекцию и выберите те, которые вас вдохновляют, или найдите другие цвета, которые хорошо сочетаются с выбранным вами оттенком. Этот сайт может действительно пригодиться в будущем.
Adobe Color CC
Это еще один замечательный генератор цветовой палитры, который вы можете использовать для создания красивых цветовых палитр.Вы также можете войти в систему и сохранить свои палитры для использования в будущем.
Это еще один замечательный генератор цветовой палитры, который вы можете использовать для создания красивых цветовых палитр. Вы также можете войти в систему и сохранить свои палитры для использования в будущем. Это мощный инструмент, который позволяет вам только просматривать и оценивать существующие цветовые темы, но также включает инструменты для создания собственной палитры с нуля.
Палитра цветов Just Color
Ищете определенную эмоцию, стиль или атмосферу из своей цветовой палитры? Just Color Picker — это умный инструмент, который позволяет вам раскрасить код в буфер обмена одним щелчком мыши.
Paletton — Дизайнер цветовых схем
Познакомьтесь с этим замечательным генератором цветовой палитры, который позволяет создавать различные цветовые комбинации.
Color Hunt
Вот аккуратный генератор цветовой палитры, который включает в себя несколько цветовых палитр на выбор. Кроме того, вы можете сохранить избранное и использовать позже, когда этого потребует ситуация.
Sip — Генератор цветовой палитры
Sip — потрясающее приложение, которое отлично работает на iPhone и Mac.Это приложение позволяет быстро создавать цветовые схемы из изображений, а затем сохранять, систематизировать и публиковать созданные вами палитры.
Palettr Генератор цветовой палитры
Здесь у вас есть замечательный источник, где вы можете найти различные цветовые палитры, созданные из изображений. Вы можете искать любую тему или слово, и вы получите выдающиеся результаты.
Цветовые комбинации
Этот инструмент поможет вам легко создавать потрясающие цветовые палитры с нуля.Взгляните, откройте для себя его особенности и узнайте, что он может предложить.
Генератор цветовой палитры Colrd
У вас есть замечательный веб-сайт, который вы можете использовать для создания красивых цветовых палитр. Этот инструмент также включает в себя удобный конструктор градиентов и инструмент поиска.
ВPhotoshop есть окно выбора цвета по умолчанию, с которым, я уверен, знакомы все веб-дизайнеры, но просто подумайте, сколько раз вам приходилось переключаться между приложениями, чтобы копировать / вставлять или запоминать значения цвета.Там должен быть лучший способ! Собственно, это…
Палитра цветов от WebpageFX
Это отличный источник, который можно использовать для создания цветовых палитр. Перейдите по ссылке ниже и посмотрите, какие цветовые комбинации вы можете создать.
Код цвета
Это еще один отличный генератор цветовой палитры, основанный на курсоре. Вы можете использовать его для создания различных цветовых палитр, а затем экспортировать их в различные форматы файлов: SCSS, LESS или PNG.
Color Supply — Генератор шестнадцатеричной цветовой палитры
Перед вами великолепная шестнадцатеричная цветовая палитра, которую вы можете использовать для создания различных цветовых смесей.Это идеально подходит для любого веб-дизайнера или других творческих людей.
color.hailpixel.com
Простой, но удивительно полезный маленький инструмент, color.hailpixel.com позволяет сканировать окно браузера в поисках идеального цвета, а затем копировать шестнадцатеричный код одним щелчком мыши.
Названия цветов CSS
Если случайные названия цветов вам не нравятся, возможно, этот список из 147 описательных названий цветов будет немного легче запомнить в ваших таблицах стилей.Просматривайте весь выбор или просматривайте случайное значение при каждом щелчке мыши.
Помните, как вы узнали все о цветовом круге и аналогичных, триадных и дополнительных цветах еще на уроках искусства? Вы можете применить эту теорию на практике с помощью этих инструментов для создания цветовых схем, чтобы создать палитры, работоспособность которых научно доказана.
Сфера
Инструмент визуализации теории цвета под названием Sphere дает вам красивый и простой интерфейс для выбора оттенков и оттенков на цветовом круге.Выберите желаемый стиль палитры, чтобы ограничить выбор цветов для согласования значений.
Дизайнер цветовых схем
Создайте свою собственную цветовую схему с помощью Color Scheme Designer. Поверните и отрегулируйте цветовое колесо, чтобы выбрать базовый цвет, а затем просмотрите автоматически сгенерированные значения в зависимости от типа палитры.
Последние улучшения CSS3 означают, что теперь мы можем создавать различные цвета непосредственно с помощью кода, но с синтаксисом CSS работать намного сложнее, чем с визуальным цветовым кругом.Здесь на помощь приходят инструменты-генераторы, которые предоставляют код, необходимый для создания желаемых эффектов.
Накопитель CSS: генератор палитры изображений в цвета
Это еще один замечательный генератор цветовой палитры, который вы можете использовать для создания различных цветовых палитр на основе ваших собственных изображений.
Окончательный генератор градиентов CSS
CSS3-градиенты, как известно, сложно написать в коде. Вам не только нужно знать разные значения цвета, вам также необходимо добавить различные префиксы поставщиков, чтобы он работал в нескольких браузерах.Ultimate CSS Gradient Generator упрощает задачу, предоставляя вам интерфейс в стиле Photoshop для настройки градиента, а затем предоставляет вам код для копирования / вставки.
Калькулятор цветов Hex 2 RGBA
Преобразование шестнадцатеричного значения в RGB или даже в RGBa несложно, это просто утомительно, когда каждое значение задается отдельно, что означает как минимум три щелчка мышью, чтобы скопировать числа. Калькулятор Devoth Hex 2 RGBA упрощает этот процесс, поскольку полное значение CSS копируется одним щелчком мыши.
С тех пор, как я опубликовал эту статью, появилось несколько замечательных предложений по цветным инструментам, о которых я не знал, вот еще пара ресурсов, которые действительно помогут вам во время вашего следующего проекта.
0to255
Стандарт для выбора состояния наведения для ваших ссылок — просто выбрать более темный оттенок того же цвета. Этот процесс становится намного проще с помощью 0to255.com. Выберите свой цвет и посмотрите полную серию вариантов, что сделает его идеальным для наведения, градиентов и границ.
Цвет Hexa
Color Hexa — это энциклопедия цвета! Введите выбранный вами цвет в любое желаемое значение, и он отобразит описание вместе с некоторыми полезными фактами. Прямое преобразование из Hex или RGB в ближайшее значение CMYK также особенно полезно для дизайнеров печати.
Палитра материалов: генератор цветовой палитры материального дизайна
Это еще один отличный генератор, который автоматически генерирует великолепные цветовые палитры, которые вы можете загрузить и сохранить для будущих дизайнов.
Наличие правильных инструментов выбора цвета, а также генератора цветовой палитры может улучшить или испортить ваш дизайн-проект. Мы надеемся, что эти инструменты вам пригодились. Если у вас есть что добавить в список, сообщите нам об этом ниже.
HCL Wizard — Где-то над радугой
Мастер hclwizard предоставляет инструменты для манипулирование и оценка цветов и палитр на основе лежащих в основе цветовое пространство программное обеспечение (доступно в R и Python).Он использует Цветовое пространство HCL: цветовая модель, основанная на восприятии цвета человеком и, таким образом, упрощает выбор хорошей цветовой палитры, варьируя три свойства цвета: H ue (= тип цвета, преобладающая длина волны) — C hroma (= красочность) — L uminance (= яркость). Как показано на образцах цвета ниже, каждое свойство можно изменять, пока оставив два других свойства неизменными.
Для визуализации данных цветового кодирования очень важно выбрать палитру который надлежащим образом фиксирует основную информацию.Три типа обычно выделяются: Качественный палитры для кодирования категориальной информации, т.е. там, где нет конкретных порядок категорий доступен, и каждый цвет должен получить такой же воспринимаемый вес. Последовательный палитры для кодирования упорядоченной / числовой информации, т.е. где цвета переходите от высокого к низкому (или наоборот). Расходящийся палитры для кодирования числовой информации вокруг центральной нейтральной значение, т.е. когда цвета расходятся от нейтральных до двух крайних. Тип палитры определяется разницей яркости (= светлый-темный контраст, или его отсутствие), как показано в версии ниже, с пониженной насыщенностью до оттенков серого.
Выбирая подходящие траектории по осям оттенка, цветности и яркости цветовое пространство HCL, широкий спектр Цветовые палитры на основе HCL может быть разработан. Ниже приведены некоторые дополнительные примеры.
Стандартная палитра во многих программных пакетах — или использовалась до недавнего времени — так называемая радуга: палитра, созданная путем изменения оттенка в очень насыщенных цветах RGB. Широко признано, что это имеет ряд недостатков, в том числе: резкие изменения яркости, вводит в заблуждение зрителей с недостаточным цветовым зрением, слишком броский, чтобы смотреть на него долгое время.Для получения дополнительных сведений и дополнительных указателей см. «Конец радуги» Автор: Hawkins et al. (2014) или «Где-то за радугой: как эффективно использовать цвета в метеорологической визуализации» Автор: Stauffer et al. (2015), а также #endrainbow хэштег в Твиттере.
Короче говоря, (не) знаменитая палитра радуги RGB практически всегда плохой выбор. и правильно сбалансированные качественные, последовательные или расходящиеся палитры, такие как Представленные здесь палитры на основе HCL — предпочтительнее.Несмотря на то, что таких альтернатив становится все больше и больше широко доступная палитра радуги, к сожалению, все еще широко используется. Ниже мы показываем некоторые примеры, пойманные в дикой природе, подчеркивают их проблемы (например, путем уменьшения насыщенности до оттенков серого или путем имитации недостатков цветового зрения) и предложить лучшие альтернативы.
Одобрит ли Боб Росс?
Когда вы видите (научную) визуализацию данных с радуга, спросите себя: Боб Росс одобряет это?
Скорее всего, нет.Напротив, выбор палитры на основе HCL вместо этого даст менее яркие цвета, которые меняются плавно … очень во многом в духе The Joy of Painting .
Тепловая карта из Грамматики графики
Даже в отличной книге «Грамматика графики» Уилкинсона (2005), палитра радуги используется в одном из первые рисунки, изображающие тепловую карту двумерной оценки плотности ядра.
Исходная палитра меняется от темной к светлой. раскрашивает и плохо работает для слепых.Лучшая альтернатива будет палитра последовательных цветов тепла. Он переходит от светлого к темному и, следовательно, также хорошо работает для зрителей с дальтонизмом.
Карты погоды
Прогнозы погоды часто передаются через закрашенные карты. В качестве примера прогноз температуры точки росы (NOAA EMC) из определенной глобальной системы прогнозов FV3 (GFS) продукт Показано. В нем не используется стандартная радуга, но палитра также составлена насыщенных цветов с широким диапазоном оттенков.
Исходная палитра резко меняет оттенок, цветность и яркость. и, следовательно, не имеет непрерывной температурной шкалы. Вместо этого палитра заката на основе HCL также построена из широкого спектра оттенков, но плавно изменяет оттенок, цветность и яркость. Это тоже работает хорошо в оттенках серого или для зрителей с дальтонизмом.
Data Viz Color Palette Generator (для диаграмм и информационных панелей)
Как использовать
Используйте средство выбора палитры для создания серии цветов, которые визуально равноудалены .Это полезно для многих визуализаций данных, таких как круговые диаграммы, сгруппированные гистограммы и карты.
Примечание: кроме режима палитры есть еще два режима — обратите внимание на одноцветные шкалы и расходящиеся шкалы.
Создание визуально равноудаленных палитр вручную практически невозможно, но чрезвычайно важен для визуализации данных. Почему? Когда цвета визуально не равноудалены, труднее (а) отличить их друг от друга на диаграмме и (б) сравнить диаграмму с ключом.Я уверен, что все мы видели диаграммы, где вряд ли можно использовать ключ, поскольку цвета данных очень похожи.
Например, Google Analytics выполняет ужасную работу со следующим:
Просто попробуйте использовать этот ключ. Попробуй.Лучше использовать диапазон оттенков , чтобы пользователям было проще делать перекрестные ссылки с ключом. Нашему мозгу гораздо проще отличить, скажем, желтый от оранжевого , чем синий от синего, но на 15% светлее .
Ах! Намного лучше.Эта палитра цветов позволяет указать обе конечные точки палитры. Вы можете выбрать хотя бы один цвет бренда, что дает вам значительную гибкость в создании палитры, которая будет работать для ваших визуализаций, но при этом настраиваться для вашего бренда.
Вот несколько советов, как получить лучшую палитру:
- Попробуйте выбрать очень разных цветов конечных точек — e.грамм. один теплый, один прохладный; один яркий, другой темный — так что ваша палитра охватывает более широкий диапазон
- Если вы используете фирменный цвет для одной конечной точки, не бойтесь немного изменить насыщенность и яркость , если это создаст более приятную палитру. Пользователи узнают цвет вашего бренда по его оттенку гораздо больше , чем по его точной насыщенности / яркости.
- Для визуализации данных, где вы показываете силу для одного значения , попробуйте вместо этого использовать генератор палитры одного оттенка.
Ох, и …
Подробнее о цвете
Если вы новичок в использовании цвета в дизайне пользовательского интерфейса, я настоятельно рекомендую следующие ресурсы:
Так или иначе, я создал это как инструмент, который мне хотелось бы иметь для создания палитр визуализации данных. Есть ли в нем еще одна особенность? Дай мне знать.
Выбор цвета | Справка SketchUp
В LayOut, всякий раз, когда вы щелкаете образец цвета (например, образцы на панели стиля формы) или выбираете Окно > Цвета , LayOut переносит вас на панель Цвета, где у вас есть полдюжины способов выбрать и организовать цвета для ваш документ LayOut.
Совет: Если вам нужно привести цвета документа в соответствие с фирменным оформлением вашей компании или клиента или вы просто хотите использовать цвета единообразно во всех документах, параметры панели «Цвета» позволяют точно выбрать эти цвета и даже сохранить образцы цветов для дальнейшего использования.
Примечание: Интерфейс панели «Цвета» в Microsoft Windows отличается от Mac OS X. Хотя по большей части вы можете получить одинаковые результаты в любой из операционных систем (различия указаны в следующих разделах), шаги по их созданию результаты разные.Имея это в виду, в следующих разделах отображаются результаты для выбранной операционной системы. (Используйте раскрывающийся список внизу этой статьи, чтобы выбрать другую ОС.)
Навигация по интерфейсу панели цветов
По мере того, как вы выбираете образцы цвета, как декоратор телешоу, имея тридцать минут, чтобы преобразить весь дом, некоторые элементы интерфейса появляются везде, где вы идете на панели «Цвета». Вот краткое введение в инструменты и функции, которые всегда под рукой (или указателем мыши) на панели «Цвета»:
- Вкладки: Каждая вкладка содержит палитру цветов разного типа, например колесо, ползунки цвета и т. Д.
- Инструмент «Пипетка»: Выберите инструмент «Пипетка», чтобы выбрать любой цвет, отображаемый на экране, в качестве активного цвета.
- Область активного цвета: Здесь вы видите текущий выбор цвета. Вы можете перетащить этот цвет на любую фигуру в документе LayOut, чтобы применить цвет в качестве заливки или в любой видимой цветовой ячейке.
- Пользовательская палитра: Чтобы сохранить цвет для дальнейшего использования, перетащите цвет из любой видимой цветовой ячейки. Добавление нового цвета к существующему цвету заменяет цвет.Если вам нужно увидеть больше лунок, щелкните и перетащите маркер размера в нижней части панели «Цвета», чтобы увеличить количество видимых цветовых лунок.
- Пользовательская палитра: Чтобы сохранить цвет для дальнейшего использования, перетащите цвет из активной цветовой ячейки (3) на квадрат на палитре. Добавление нового цвета к существующему цвету заменяет цвет. Если вам нужно увидеть больше лунок, щелкните и перетащите маркер размера в нижней части панели «Цвета», чтобы увеличить количество видимых цветовых лунок.Обратите внимание, что вы больше не можете использовать эту палитру в качестве библиотеки для текстур материалов.
- Ползунок непрозрачности: Этот ползунок изменяет непрозрачность вашего цвета или его прозрачность. Когда непрозрачность установлена на 100%, цвет непрозрачный. По мере уменьшения процента непрозрачности цвет становится более прозрачным.
Выноски на следующем рисунке соответствуют номерам в предыдущем списке.
Выбор цвета на цветовом круге
Палитра цветового круга распределяет цветовой оттенок радиально вокруг колеса, с максимальной насыщенностью на внешнем крае колеса.Цветовой круг — самый простой и универсальный из вариантов выбора цвета, хотя цветовой круг также наименее точен.
Совет: Вы можете щелкнуть и перетащить курсор вокруг цветового круга, чтобы увидеть динамический предварительный просмотр выбранного цвета в активной цветовой ячейке. Вы можете использовать палитру цветового круга, чтобы сделать приблизительный выбор цвета, а затем использовать один из палитр ползунков для точной настройки цвета.
Следующие шаги проведут вас через параметры цветового круга:
- Чтобы выбрать цвет, щелкните оттенок цвета на цветовом круге.Выбранный вами цвет появится в области активного цвета.
- (Необязательно) Чтобы настроить яркость цвета, перетащите ползунок яркости (справа от цветового круга) или введите процентное значение в поле над ползунком.
Точный выбор цветов с помощью ползунков RGB, HSB, Grayscale или CMYK
На панели «Цвета» есть ползунки, которые позволяют вводить точные значения цвета, используя любой из следующих методов:
- RGB: цветов RGB традиционно используются для указания цветов на экране.Используйте ползунок, чтобы указать значение красного, зеленого и синего цветов. Эти значения смешиваются, чтобы создать цвет, который вы видите в лунке активного цвета.
- HSB: HSB — еще одна система, используемая для указания цветов на экране, но в этом случае вы устанавливаете значения оттенка, насыщенности и яркости. Поскольку у значения насыщенности есть собственный ползунок, этот метод особенно интуитивно понятен, если вам нужен ненасыщенный цвет.
- Оттенки серого: Если вам нужен чистый серый цвет (без каких-либо цветовых оттенков), воспользуйтесь ползунком оттенков серого.
- CMYK: Только в Mac OS X вы найдете ползунки для установки значений цвета CMYK (голубой, пурпурный, желтый и черный) — системы, используемой в профессиональной печати, где цвета указываются в процентах от четырех основных цветов чернил.
Совет. Палитры цветов RGB или HSB подходят для большинства документов LayOut. Если вы не уверены, нужно ли вам использовать CMYK, обратитесь в службу печати.
Чтобы выбрать цвет с помощью любого из ползунков, выполните следующие действия:
- Выберите вкладку, соответствующую цветовой системе, которую вы хотите использовать: RGB , HSB или Grays .
- Щелкните и перетащите ползунок, чтобы установить значение для каждого параметра, или введите числовое значение в поле рядом с каждым ползунком. Например, если вы знаете, что в вашем документе необходимо использовать значение RGB: красный 255 , зеленый 122 и синий 50 , вы можете ввести эти значения в поля, как показано на следующем рисунке. Если вы выберете вкладку HSB, вы увидите ползунки «Оттенок», «Насыщенность» и «Яркость». Если вы выберете вкладку «Серые», вы увидите ползунок «Серый».
- В верхней части панели «Цвета» выберите вкладку «Ползунки цветов» .
- В меню вверху вкладки выберите систему значений цвета, которую вы хотите использовать: Ползунок шкалы серого , Ползунок RGB , Ползунок CMYK или Ползунок HSB . На следующем рисунке выбраны слайдеры HSB.
- Щелкните и перетащите ползунок, чтобы установить значение для каждого параметра, или введите числовое значение в поле рядом с каждым ползунком. Например, если вы знаете, что в вашем документе необходимо использовать значение HSB Hue 21 , Saturation 80 и Brightness 100 , вы можете ввести эти значения в поля, как показано на следующем рисунке.Если вы выберете параметр «Ползунок шкалы серого», вы увидите ползунок «Яркость», а также пять предустановленных значений шкалы серого. Если вы выберете опцию «Ползунки RGB», вы увидите ползунки «Красный», «Зеленый» и «Синий», а также шестнадцатеричный номер цвета (также называемый шестнадцатеричным значением ). Если вы выберете опцию «Ползунки CMYK», вы увидите ползунки «Голубой», «Пурпурный», «Желтый» и «Черный».
- (Необязательно) Чтобы ограничить параметры цвета определенным цветовым профилем, щелкните значок шестеренки (справа от раскрывающегося меню), чтобы просмотреть параметры профиля цвета, связанные с выбранной системой значений цвета.
Примечание: Обычно вы используете цветовые профили, чтобы помочь сопоставить то, что вы видите на экране, с цветовым профилем, установленным для вашего принтера. В большинстве случаев цветовой профиль по умолчанию работает нормально. Если вы работаете в полиграфической службе, технический специалист может сказать вам, нужно ли вам выбрать определенный цветовой профиль.
Получение цветов из изображения
У вас есть изображение с нужными вам цветами, но вы не уверены в их значениях? Обратите внимание на функцию изображения на панели «Цвета», которая позволяет загружать изображение в палитру цветов и выбирать цвета из любого места на этом изображении.
По умолчанию вы видите спектр. Чтобы загрузить изображение и начать подбирать цвета, выполните следующие действия:
- На панели «Цвета» щелкните вкладку Изображение .
- Нажмите кнопку Выбрать изображение .
- В появившемся диалоговом окне «Открыть» перейдите к изображению, которое нужно загрузить в палитру цветов, и выберите его.
- Нажмите кнопку Открыть . Ваше изображение появится в палитре цветов, как показано на следующем рисунке.
- Щелкните изображение, чтобы выбрать цвет. Помните, что вы также можете щелкнуть и перетащить курсор вокруг изображения, чтобы увидеть динамический предварительный просмотр цветов в активной цветовой ячейке.
Примечание: Чтобы вернуться к спектру, нажмите кнопку Reset Image .
- На панели «Цвета» щелкните вкладку Палитры изображений .
- Щелкните значок шестеренки рядом с раскрывающимся списком и выберите Новый из файла в появившемся меню.Или, если вы скопировали изображение в буфер обмена, выберите Новое из буфера обмена .
- В появившемся диалоговом окне «Новая цветовая палитра» перейдите к изображению, которое нужно загрузить в палитру цветов, и выберите его.
- Нажмите кнопку Открыть . Ваше изображение появится в палитре цветов, как показано на следующем рисунке.
- Щелкните изображение, чтобы выбрать цвет. Помните, что вы также можете щелкнуть и перетащить курсор вокруг изображения, чтобы увидеть динамический предварительный просмотр цветов в активной цветовой ячейке.
Совет: Чтобы дать изображению более понятное имя, щелкните значок шестеренки и выберите Переименовать . Чтобы удалить изображение из средства выбора изображений, выберите Удалить . Если вы добавляете несколько изображений в средство выбора изображений, вы можете выбрать одно из них, используя раскрывающийся список.
Выбор цветов из предустановленных списков
Панель «Цвета»LayOut включает в себя предустановки цвета, которые можно выбрать из списка. Чтобы выбрать один из этих предустановок, выполните следующие действия:
- Щелкните вкладку Список .
- Прокрутите список цветов и щелкните цвет, чтобы сделать его активным.
- В верхней части панели «Цвета» выберите вкладку Цветовые палитры .
- В раскрывающемся списке вверху выберите палитру. По умолчанию это меню включает палитры для основных цветов Apple, цветов Web Safe и цветов Crayon (которые также доступны на вкладке Crayons). Если вы определяете пользовательскую палитру, как описано в следующем совете, вы также можете выбрать эту палитру из этого списка.
- В появившемся списке цветов выберите цвет, чтобы сделать его активным. Если вы не можете найти цвет, попробуйте ввести его название в поле Search .
В Mac OS X вы можете создать настраиваемую палитру цветов, которую вы определяете. Вот как это сделать:
- Выбрав вкладку Color Palettes , щелкните значок шестеренки и выберите New в появившемся меню. В появившейся новой палитре Безымянный активный цвет становится первым цветом в вашей палитре.
- Чтобы добавить больше цветов, выберите новый активный цвет и щелкните значок плюса рядом с полем поиска. Или просто перетащите цвет в список. Чтобы удалить добавленный цвет, выберите его в списке и нажмите значок со знаком минус.
- (Необязательно) Чтобы дать цветовой палитре имя, щелкните значок шестеренки и выберите Переименовать . В появившемся поле введите имя и нажмите кнопку Переименовать .
- (Необязательно) Чтобы переименовать цвет, дважды щелкните его и введите новое имя.
На следующем рисунке вы видите настраиваемую цветовую палитру для магазина мороженого.
.