Определить цвет html онлайн: Определить цвет пиксела на картинке онлайн

Программы для определения цвета в любом месте монитора

Автор Дмитрий Евсеенков На чтение 4 мин Просмотров 2.8к. Обновлено 26.11.2021

Содержание

Программа bColor

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

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

Программа не требует инсталляции на компьютер, работает в фоновом режиме.
Что очень порадовало, в bColor присутствует экранная лупа для точного выбора необходимого участка на мониторе.

Программа отображает цвета в кодах HTML, RGB(dec), RGB (hex), VB, C++, и некоторых других.
Также программа умеет переводить цвета из одного формата в другой.
Имеется визуальное отображение текущего цвета, таблица со списком HTML-цветов, и возможность сохранить в пользовательской директории любое количество собственных вариантов цвета в файле.
При двойном клике мышкой по левому нижнему цветовому квадрату заносит в буфер обмена цвет в текущем отображении кода.

Скачать bColor:

Скачать с Яндекс.Диск

Программа HTML Colors 2.2.0.5

Наверное, одна из первых утилит подобного плана, но, тем не менее, она не теряет своей популярности среди вэб-мастеров.
Программа показывает HTML код выбранного цвета и, наоборот, укажет цвет по коду.

Для определения цвета на мониторе кликаем по кнопочке Screen, наводим указатель в нужную точку, кликнем один раз по этому месту. В поле HTML Code выведется цвет в HTML Code.

Осталось только скопировать этот код в буфер обмена и вставить в нужное место.
Преимущества: программа очень мало весит и крайне проста

Скачать HTML Colors:

Скачать с Яндекс.Диск

Программа Color Picker

Преимуществом этой программы является показ цвета в RGB или HSL коде, ну и конечно, в HTML.

Для определения цвета надо кликнуть по кнопке «Select Color with Mouse», курсор мыши примет форму пипетки, остаётся навести курсор в нужное место и кликнуть по нему. Программа совместима с версиями Windows XP и выше.
Требует инсталляции на компьютер.

Скачать Color Picker:

Скачать с Яндекс.Диск

Программа Just Color Picker

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

• При первом запуске предлагает выбрать язык, русский присутствует.
• В интерфейсе Just Color Picker есть экранная лупа.
• Позволяет сохранить несколько цветов.
• Снимает показание не кликом мышки, а горячими клавишами Alt+X(по умолчанию), что позволяет более точно определить цвет
• После определения цвета программа автоматически определит дополнительные цвета, которые будут гармонировать с выбранным и которые можно будет использовать в дизайне.
• Не требует установки, работает в фоном режиме.

Программа совместима с версиями Windows XP и выше.

Скачать Just Color Picker:

Скачать с Яндекс.Диск

Также нельзя не отметить бесплатную программу

ColorPic 4.1 . Единственным её недостатком является то, что она требует инсталляции на компьютер, т.е. не может работать в фоновом режиме.

Но зато преимуществ у неё хоть отбавляй. Программа не совсем простая, поэтому описание и руководство по работе с ней приводится на этом сайте в отдельной статье «Определение цвета любой точки монитора c помощью программы ColorPic 4. 1»

Определяем цветотип: Цвет глаз и рисунок радужки

Оригинал http://halibi.livejournal.com/278728.html#cutid1 немного доработан

Наша внешность «раскрашена» в одной гармоничной палитре, так что подробный анализ нюансов внешности нам поможет в поиске собственных цветов.

Итак, сегодня о вете глаз

Как вы помните, у цвета есть 6 характеристик – темный-светлый, яркий – смягченный, теплый-холодный. 

Сначала разберемся с первыми 4 характеристиками.
Следующие 2 картинки нам помогут. Смотрим на них и определяем свой цвет глаз.
Картинки первоначально с сайта Ирене Райтер (Irenee Riter).http://www.thescienceofpersonaldress.com/
 У нее очень много наработок по цветотипам и типам фигуры, она занимается этим с конца 80х годов. К сожалению, пока она убрала большую часть информации, так как у нее выходит интернет-книга. Однако что-то чудом у меня осталось, так как я сохранила кое-что на компьютер, что обычно не делаю. Мы к ее наработкам тоже будем изредка обращаться.

Перевод терминов для тех, кто не знаком с английским: 
1. Яркие (bright )
2. Смешанные «разбавленные» (muted)
3. Светлые (light)
4. Темные (dark/deep)
5. Мягкие (soft)
6. Чистые (не смешанные) (clear)

На первой картинке примерный вид глаз, на второй уже конкретные цвета.
NB: C темным и светлым, я думаю, разобраться не трудно. Что касается ярких и мягких цветов – то в ярких нет примеси серого цвета, а в мягких есть . Например, если голубые глаза яркие – то они льдисто-голубые, а если мягкие – то серо-голубые

Покажу на своем примере опять: мой цвет глаз попадает в раздел 5 – мягкие цвета – серо-зеленый, второй от разделительной черты.

Итак если Ваш цвет глаз попадает в 6 и 1 секто – вы попадаете в характеристик «яркость» можете быть яркой весной или яркой зимой
Если ваши глаза попадают в 2 и 5 сектор ndash; вы попадаете в характеристик «мягкость» и можете быть мягким летом или осенью
Если ваши глаз светлые, (3 сектор) то вы, возможно, светлое лето или весна
Если ваши глаз темные, (4 сектор) то вы, вероятно темная осень или зима

Теперь о характеристика теплый – холодный

Теоретически, голубые и черные глаза считаются холодными, зеленые и серые — нейтральными, карие и ореховые — теплыми. Но это не всегда так. Бывают более теплые и более холодные оттенки

Вот примерная  эскизная таблица Слева — холодные, справа — теплые цвета:

  Напомню, что холодные цвета характерны для зимы и лета, теплые цвета — для осени и весны. Для людей , чья характеристика soft характерны смешанные цвета — серый, зеленый и ореховый.

Однако, цвет глаз не всегда такой уж безупречный показатель. Во- первых, могут быть отклонения в цветотипе у конкретного человека, а во-вторых, некоторые оттенки едва различимы и сложно сказать,» холодные» глаза или «теплые». Я советую просто посчитать их нейтральными, чтобы это вас не сбивало. Когда вы найдете свой типаж, вы увидите подтверждение в своих глазах и там уж определитесь — теплые они или холодные. В третьих, глаза часто бывают многоцветные. Не всегда можно определить, какой цвет доминирующий. 

Поэтому есть еще одна теория. Ее автор — одна из создателей  «сезонной теории» Bernice Kentner. Здесь можно почитать отрывок из ее книги olor me a season colorconnection. yuku.com/topic/1128/Color-Me-A-Season-CMAS nbsp;
 Меня же пока интересует, что она пишет о глазах в книг A rainbow in your eyes вкратце). Эта теория определения типажа по глазам  учитывает цвет кожи, цвет глаз и рисунок радужки, поэтому она более точная. Хотя цвет волос, несомненно, тоже очень важный показатель..
 Бернис утверждает. что определенному типу внешности (сезону) характерны особые орнаменты рисунков радужки (eye patterns)

Картинки с сайт http://expressingyourtruth.blogspot.com/2011/11/eyes-sanguine-air-sanguine-iris-type-is.html
дл весн это желтое кольцо на сером фоне, звезда

дл лета nbsp;- разбитое стекло

осень «солнце» вокруг зрачка,пятна по радужке

зима «оси колеса», идущие от зрачка, а еще возможен рисунок, напоминающий лепестки

Кроме этого, автор обращает внимание на оттенок кожи век (особенно показательна внутренняя нижняя часть, которая не загорает)  — зим кожа имеет холодны светло-розовый л сероватый ттенок, у есны  желтый, золотистый, лет розовый, осени  рыжий, персиковый.

Напоминаю, что тон и цвет кожи — разные вещи. например, люди ,имеющие розовый оттенок кожи, могут быть светлыми (светло-розовая кожа), средними (розово-бежевая), темными (розово-коричневая). Для рыжего оттенка светлый — светло-персиковый, средний — персиковый, темный — бронзовый, для желтого оттенка светлый — слоновая кость, средний — золотисто-бежевый, темный — оливковый, для серого цвета  светлый — серовато — белый, средний — серовато — бежевый и серо-коричневый, темный  — синевато коричневый)

Для наглядности автор приводит примеры различных типов радужки. Их 4 — один «чистый» вид и три смешанных.Начнем Лета.

На первой картинке «Абсолютное Лето» — мягкий серо-голубой цвет глаз, присутствует много белого цвета. кожа век — розовая
На второй и третьей картинке «лето + осень» — коричневый цвет — влияние «осени», однако сезон «лето » признан доминирующим из-за розового цвета век
на четвертой картинке «лето+зима» — влияние зимы — в рисунке «лепестки». Кожа розовая тоже.

ТеперьОсень, ее сложновато отличить от лета при голубых или зеленых глазах, в основном, показателем считается цвет кожи век, а что касается рисунка — то «солнце» вокруг зрачка менее круглое, и  иногда имеет длинные несимметричные лучи.

На первой картинке «Осень+зима». Кожа век персиковая, от зимы — рисунок, напоминающий колесо
на второй картинке «Осень+ весна», светло-персиковая кожа, краски осени , «рисунок» весны
На третьей картинке «Абсолютная осень» — рисунок — «солнце», персиковая кожа.
На четвертой картинке — Осень+лето. Похоже на третью картинку с предыдущей фотографии, но кожа персиковая, а не розовая, поэтому «осень — доминирующий сезон»

Зима

На первой картинке автору видится «Зима + лето». что тут летнего, я толком объяснить не могу — я этого не вижу, а она не объясняет=) — возможно рисунок напоминает разбитое стекло. От зимы же — «лепестковый рисунок»
На второй картинке — глаз самой Бернис — она яркая зима (зима+весна) : от зимы — рисунок и светло-голубой цвет с большим количеством белого, от весны — рисунок вокруг зрачка. Кожа светло-серовато-розовая.
На третьей картинке — Абсолютная Зима. Рисунок и цвет радужки — «зимний», кожа век — сероватая.
На четвертой картинке «Зима+ осень»- почти абсолютная зима, с малой примесью осеннего цвета

Весна
На первой картинке — «Весна+ осень». От весны — чистый голубой цвет, от осени, рисунок «солнце»вокруг зрачка
На второй картинке «Весна+ осень+лето». От весны — цвет кожи и контрастность, от осени — рисунок, от лета — цвет радужки
На третьей картинке «Весна+ зима». Тон кожи — желтоватый, рисунок радужки -» зимнее «колесо»»
На четвертой картинке «Абсолютная Весна» — по ней можно как раз проследить, какой рисунок вокруг зрачка  должен быть у весны.

Теперь попробую определить , что говорит о моем цветотипе мой глаз.
1. Рисунок — ореховое или оливковое солнце вокруг зрачка, основа сине-зеленая или серо-зеленая, зеленые точки в глазу. 
 2. кожа век внутри — персиковая 

Соответственно, я осень. Прибавив к этому предыдущие результаты с двух первых картинок (мягкие, нейтральные краски), у меня большая вероятность попасть в «Мягкую осень» («осень+лето»).

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

Интересно:
Даже при очень темном цвете глаз можно заметить несколько цветов в глазу. Часто у нейтральных или холодных сезонов даже при теплом насыщенном цвете глаз бывает синее кольцо вокруг радужки — показатель того, что типаж не чисто теплый.

Color Picker бесплатное программное обеспечение и онлайн-инструменты для определения цветовых кодов

Довольно часто нам нужно определить цвет на веб-странице или в приложении, чтобы мы могли использовать его также в наших блогах или приложениях. В таком случае нам нужно использовать инструменты для определения цветовых кодов. Этот список бесплатных инструментов Color Picker и бесплатных онлайн-сервисов поможет вам идентифицировать HTML-коды цветов HEX, RGD и т. д. из изображений, веб-сайтов и т. д.

Бесплатное программное обеспечение Color Code Finder для ПК с Windows

Вот некоторые из лучших бесплатных программ Color Code Finder для Windows 11/10:

1. ColorPix
2. Pixie
3. Just Color Picker
4. CP1 Color Picker
5. Colorpic

   9000

1] ColorPix

 

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

2] Pixie

Портативная бесплатная программа особенно полезна для графических дизайнеров и веб-дизайнеров. Если вы ищете инструмент, который может помочь вам в поиске красивых цветов на экране, Pixie — это то, что вам нужно. Вам просто нужно запустить Pixie, инструмент, и вы можете указать любой цвет, чтобы узнать значения HEX, HTML, CMYK, RGB и HSV. Эти значения также могут помочь вам воспроизвести эти цвета в вашем графическом дизайне.

3] Just Color Picker

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

4] CP1 Color Picker

Это простое программное обеспечение для выбора цвета для ПК с ОС Windows, которое позволяет быстро и легко выбрать любой цвет. CP1 — это легкий инструмент, который также поддерживает Windows 10, а также доступен в портативной версии. Установите инструмент на свой компьютер, и вы сможете найти цветовые коды HTML и RGB любого цвета, расположенные в любом месте на вашем рабочем столе. Как только вы установите CP1 Color Picker на свой компьютер, он захватит цвета на вашем экране и выдаст вам цветовые коды, как показано на изображении ниже. Просто нажмите на любой код и вставьте его куда-нибудь в Блокнот для дальнейшего использования.

5] Colorpic

Подходит для мониторов с высоким разрешением, эта палитра цветов поставляется с лупой. Этот инструмент позволяет одновременно использовать до 19 цветовых палитр и смешивать их, чтобы получить желаемый спектр. Вы можете настроить цвета с помощью расширенного четырехцветного микшера Colorpic. Инструмент работает почти со всеми популярными веб-браузерами и приложениями для редактирования фотографий, такими как Photoshop и т. д. Вы можете скачать Colorpic здесь, на iconico.com.

6] ColorZilla

Доступно как надстройка Firefox и расширение Chrome, ColorZilla снова является бесплатным инструментом выбора цвета, который стоит добавить в список. С помощью этого инструмента вы можете получить цветовой код из любой точки вашего веб-браузера. Фактически, вы можете проанализировать всю цветовую палитру веб-страницы с помощью ColorZilla. Его онлайн-просмотрщик палитр поможет вам просмотреть, добавить в закладки или поделиться любой из ваших цветовых палитр в Интернете. Анализатор цвета DOM ColorZilla проверяет цвета на любой веб-странице, обнаруживает соответствующие элементы и помогает определить точные цветовые коды. Загрузите инструмент здесь.

Онлайн-инструмент выбора цвета

Помимо упомянутого выше бесплатного программного обеспечения для выбора цвета, существует множество онлайн-инструментов для выбора цвета, которые помогут вам получить точные цветовые коды:

1. ImageColorPicker.com
2. w3schools.com
3. ColorPicker.com
4. HailPixel.com.

1] ImageColorPicker.com

Это простой онлайн-инструмент выбора цвета для выбора цвета и получения цветового кода HTML, значения HEX, значения HSV и значения RGB для данного конкретного пикселя. Вы можете загрузить изображение или просто вставить URL-адрес изображения в адресную строку, чтобы получить код цвета. Просто загрузите изображение и наведите курсор мыши на нужный цвет, и вы увидите выбранный цвет на миниатюре изображения вместе с цветовым кодом HTML, HSV и RGB.

2] w3schools.com

Хотя этот онлайн-инструмент не предлагает таких функций, как сопоставление и сопоставление, его все же стоит добавить в список. Это один из самых простых онлайн-инструментов для выбора цвета, который не требует технических знаний. Любой может просто выбрать цвет и получить цветовой код. Он дает вам от самого темного до самого светлого оттенка цвета. Единственным недостатком этого онлайн-инструмента является то, что вы не можете сохранить выбранные цветовые коды для дальнейшего использования. Вы можете проверить инструмент здесь.

3] ColorPicker.com

Если вы не предпочитаете использовать инструменты выбора цвета на рабочем столе, этот веб-инструмент может быть вашим выбором. Это простой инструмент, который дает вам названия цветов, HEX и цветовой код RGB для определенного выбранного вами цвета. Вы можете сохранить до 9 выбранных вами цветов. В нижней части веб-страницы вы можете увидеть несколько ссылок, по которым можно перейти к цветовой диаграмме и создать новые цветовые схемы.

4] HailPixel.com

Этот онлайн-инструмент выбора цвета имеет совершенно другой интерфейс. Он превращает весь ваш экран в палитру цветов. Просто продолжайте перемещать курсор мыши по экрану и нажимайте на понравившийся цвет. Он мгновенно сохранит цвет, и, щелкнув значок «Настройки», вы сможете получить код HEX, HSL и RGB. Использовать этот инструмент весело, но в то же время это немного сбивает с толку, потому что нет цветового круга для выбора цветов. Это может занять довольно много времени, но опять же, некоторым из вас может понравиться его другой макет и интерфейс.

Помимо этого бесплатного программного обеспечения и онлайн-инструмента выбора цвета, инструменты разработчика самых популярных веб-браузеров также включают инструменты выбора цвета.

Как узнать шестнадцатеричный код цвета?

Существует множество способов узнать HEX-код цвета на компьютере с Windows. Например, вы можете использовать Photoshop или любой другой профессиональный инструмент для редактирования изображений, чтобы выполнить работу. Однако, если вы хотите, вы можете использовать Pixie на своем компьютере. Это бесплатное программное обеспечение для выбора цвета, которое вы можете использовать на ПК с Windows 11/10.

Является ли код HEX RGB или CMYK?

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

Возможно, вам будет интересно узнать, что компания Bing представила инструмент выбора цвета. Возможно, вы также захотите взглянуть на инструмент «Палитра цветов» в Internet Explorer и в элементе проверки браузера Google Chrome.

Шестнадцатеричная цветовая палитра — Шестнадцатеричные коды цветов и шестнадцатеричная цветовая палитра

ВЫБОР ЦВЕТА

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

Палитра цветов

Используйте палитру цветов, щелкнув и перетащив курсор внутри области палитры, чтобы выделить цвет справа. Введите значения Hex, RGB, HSL или CMYK для поиска определенного цвета в полях под образцом цвета; щелкните образец, чтобы добавить его в палитру. После выбора цвета поэкспериментируйте с различными гармониями, используя раскрывающийся список под палитрой цветов.

Цветовые гармонии

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

Шестнадцатеричные коды цветов и палитра цветов Hex

Цветовые шестнадцатеричные коды цветов
Color hex — это простой в использовании инструмент для получения информации о цветовых кодах, включая цветовые модели (RGB, HSL, HSV и CMYK), цветовые коды css и html.

HTML-палитра цветов

Поиск идеального цвета никогда не был таким простым. Используйте нашу HTML-палитру цветов для просмотра миллионов цветов и цветовых гармоний.

Палитра цветов Hex

Используйте палитру цветов, щелкнув и перетащив курсор внутри области палитры, чтобы выделить цвет справа. Введите значения Hex, RGB, HSL или CMYK для поиска определенного цвета в полях под образцом цвета;

Интернет-инструменты

Легко найдите цветовые коды HTML для своего веб-сайта, используя нашу палитру цветов, цветовую диаграмму и названия цветов HTML с шестнадцатеричными цветовыми кодами, значениями RGB и HSL.

Color Hex Color Codes

Color — Material

Hex color picker
Color Hex Color Codes

Gradient Beautiful Color Gradients,
Color system — Material Design material, Color Hex Color Codes, Color system — Material Design, Color — Материал

НАЧАТЬ

Наши онлайн-инструменты

Легко находите цветовые коды HTML для своего веб-сайта, используя нашу палитру цветов, цветовую диаграмму и названия цветов HTML с шестнадцатеричными цветовыми кодами, значениями RGB и HSL.