Хтмл коды цветов онлайн. Pixie – лучшая программа для определения цвета. Узнай, как быстро определить цвет на мониторе

Такой вопрос может возникнуть у веб-дизайнера или разработчика, когда нужно определить какой цвет
используется на каком-либо объекте, например сайте или просто точки на экране.

Каждый цвет или оттенок который мы видим на экране, обозначается HTML
кодом и RGB
палитрой цветов, для сайтов цвета и стили обычно указывают в таблице CSS. RGB – это аббревиатура, состоящия из первых английских букв названия цветов, красного, зеленого и синего. Распределение этих трех цветов достаточно чтобы дать нам любой нужный цвет.

Теперь, переходим к ответу на главный вопрос, как узнать код цвета на экране
?

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

Для этого нам понадобиться малюсенькая но полезная программа — Instant Eyedropper. Вот – . Установка и запуск займут меньше минуты. После запуска в правом нижнем углу появиться круглая иконка:

Мы кликаем на нее левой кнопкой мыши и всплывает окошко, кнопку мыши не отпускайте, переносите курсор в нужную область экрана и смотрите какой код отображается, пример:

На примере код в виде #ffffff.Кроме этого, есть еще настройки вывода кода в разных форматах(HEX, HTML, RGB другие) Можно поставить галочку на нужный формат, кликните по тому же значку но теперь правой кнопкой мыши:

Данную программу можно использовать вместе в фотошопом, в дополнение. У вас остались еще вопросы или все ОК?

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

Выбор за 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 верстке.

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

    Вид ПО
    : Определение цвета
    Разработчик/Издатель
    : Vlad Polyanskiy
    Версия
    : 1.0
    iPhone + iPad
    : 33 рубля [Скачать из App Store ]

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

    Помните, как искали обои определённого цвета? Или предмет одежды под специфический дресскод? А может, вам нужна деталь интерьера, которая точно вписалась бы в цвета мебели или разбавила акценты? Решить все эти и другие мелкие бытовые задачи поможет новое отечественное приложение Колориметр
    для iPhone.

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

    Колориметр
    действует просто. Запускаете программу, делаете фото и водите по нему пальцем. Виртуальное увеличительное стекло анализирует цвет в точке касания и выдаёт его культурное название.

    Побегав по дому с айфоном и узнав много новых слов, начинаешь осознавать пользу от практического применения приложения. Сымитировать звук можно. Обрисовать на слова форму предметах тоже несложно. А вот объяснить, чем отличается нравящийся вам оттенок серого от того, который представляет себе собеседник, почти невозможно. И вот тут-то и пригодится база цветов
    Колориметра
    .

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

    Иногда даже малейшее отклонение в цвете может стать критичным. Например, при выборе краски. Тут уже недостаточно одного названия или изображения. Нужны стандарты, цифры. Хорошо, что в Колориметре всё это тоже есть. Нажав на название цвета, вы откроете его подробное описание
    . Здесь указаны параметры оттенка в самых популярных цветовых моделях – RGB
    (цифровое изображение) и CMYK
    , для печати.

    Если же речь идет не о жидких красках и цветах, а о виртуальных, дизайнеры оценят и два дополнительных параметра – HSB
    (тон, насыщенность и яркость) и HEX
    -код цвета для веб-сайтов. Помимо этого, приложение показывает три самых подходящих цвета в известной системе Pantone
    , зная которые, вам будет гораздо проще вести диалог с производителем или продавцом мебели и декора.

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

    На базе огромной библиотеки цветов можно сделать простую игрушку, внутри этой же программы. Например, пусть показывается название оттенка и три варианта цвета. Угадал – получаешь очки. Хорошая и довольно полезная тренировка памяти. Но и без этого приложение стоит своих денег – и сэкономленных нервов. Удивитесь своим же обоям:

    Свежие горячие яблоки:

    Бывают такие моменты, когда нам понравился цвет на каком-либо сайте, и Вы хотите его использовать в своих личных целях.
    Открывать исходный HTML-код
    страницы или CSS
    и искать там цвет в шестнадцатеричном значении нужного элемента на сайте – далеко не самый быстрый и лучший вариант.

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

    Лично у меня потребность узнать шестнадцатеричный код цвета на чужом сайте возникает очень часто. По этой причине пришлось искать более удобное решение этой задачи.

    И как оказалось, за данным решением не пришлось далеко ходить. Для тех, кто «юзает» браузер firefox, подойдет плагин

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

    А что же делать, если Вам нужно определить цвет не на чьем-то сайте, а, например, на картинке, которая сохранена у Вас на рабочем столе. Здесь плагин ColorZilla
    будет бессилен, разве что взять и открыть картинку через браузер, что тоже не всегда удобно. А если Вы хотите определить цвет какого-либо понравившегося вам апликейшен
    а, установленного на вашей рабочей машине, что тогда? Опять делать скриншот и засовывать его в фотошоп? Нет!

    В таком случаем нам поможет утилитка Pixie
    , которую Вы можете скачать на официальной странице утилиты . С помощью Pixie Вы легко узнаете код цвета в шестнадцатеричном формате, в RGB и даже в CMYK в любом месте на Вашем мониторе.

    Теперь коснемся определения цветовой схемы любого из сайта. Опять же понятно, что вручную выдирать шестнадцатеричное значение используемых цветов на сайте из СSS
    или HTML-кода страницы, не очень приятное занятие. Также как и с помощью плагина ColorZilla
    бегать пипеткой по сайту и копировать цвета. К счастью для меня, я на серфил в Интернете online-сервис cssprism .

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

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

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *