8 (495) 988-61-60

Без выходных
Пн-Вск с 9-00 до 21-00

Как узнать цвет


Get Color — палитра цветов, определить цвет онлайн


ColorGet - программа для определения цвета на экране

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


Названия цветов и html коды
  • Ализариновый красный, Alizarin Crimson, #E32636
  • Янтарный, Amber, #FFBF00
  • Аметистовый, Amethyst, #9966CC
  • Спаржа, Asparagus, #7BA05B
  • Морской волны, Aqua, #00FFFF
  • Аквамариновый, Aquamarine, #7FFFD4
  • Лазурный, Azure, #007FFF
  • Бежевый, Beige, #F5F5DC
  • Бистр, Bistre, #3D2B1F
  • Чёрный, Black, #000000
  • Синий, Blue, #0000FF
  • Вода пляжа Бонди, Bondi Blue, #0095B6
  • Латунный, Brass, #B5A642
  • Ярко-зелёный, Bright green, #66FF00
  • Ярко-бирюзовый, Bright turquoise, #08E8DE
  • Ярко-фиолетовый, Bright violet, #CD00CD
  • Бронзовый, Bronze, #CD7F32
  • Коричневый, Brown, #964B00
  • Кожа буйвола, Buff, #F0DC82
  • Бургундский, Burgundy, #900020
  • Выгоревший оранжевый, Burnt Orange, #CC5500
  • Сиена жжёная, Burnt Sienna, #E97451
  • Умбра жжёная, Burnt umber, #8A3324
  • Камуфляжный зелёный, Camouflage green, #78866B
  • Кардинал, Cardinal, #C41E3A
  • Карминово-красный, Carmine, #960018
  • Морковный, Carrot, #ED9121
  • Серо-зелёный, Celadon, #ACE1AF
  • Светлая вишня, Cerise, #DE3163
  • Лазурный, Cerulean, #007BA7
  • Лазурно-синий, Cerulean blue, #2A52BE
  • Салатовый / Шартрез, Chartreuse, #7FFF00
  • Каштановый, Chestnut, #CD5C5C
  • Шоколадный, Chocolate, #D2691E
  • Коричневый, Cinnamon, #7B3F00
  • Кобальт синий, Cobalt, #0047AB
  • Медный, Copper, #B87333
  • Коралловый, Coral, #FF7F50
  • Кукурузный, Corn, #FBEC5D
  • Васильковый, Cornflower blue, #6495ED
  • Кремовый, Cream, #FFFDD0
  • Малиновый, Crimson, #DC143C
  • Циан, васильковый, Cyan, #00FFFF
  • Тёмно-коричневый, Dark brown, #654321
  • Тёмно-лазурный, Dark cerulean, #08457E
  • Тёмно-каштановый, Dark chestnut, #986960
  • Тёмно-коралловый, Dark coral, #CD5B45
  • Тёмно-золотой, Dark goldenrod, #B8860B
  • Тёмно-зелёный, Dark green, #013220
  • Тёмный индиго, Dark Indigo, #310062
  • Тёмный хаки, Dark Khaki, #BDB76B
  • Тёмно-оливковый, Dark Olive, #556832
  • Тёмный пастельно-зелёный, Dark pastel green, #03C03C
  • Тёмно-персиковый, Dark Peach, #FFDAB9
  • Тёмно-розовый, Dark pink, #E75480
  • Тёмная лососина, Dark salmon, #E9967A
  • Тёмно-алый, Dark Scarlet, #560319
  • Тёмно-аспидный серый, Dark slate gray, #2F4F4F
  • Тёмный весенне-зелёный, Dark spring green, #177245
  • Тёмный жёлто-коричневый, Dark tan, #918151
  • Тёмно-мандариновый, Dark tangerine, #FFA812
  • Тёмный зелёный чай, Dark Tea Green, #BADBAD
  • Тёмно-бирюзовый, Dark turquoise, #116062
  • Тёмно-фиолетовый, Dark violet, #423189
  • Голубой, Deep sky blue, #00BFFF
  • Джинсовый синий, Denim, #1560BD
  • Защитно-синий, Dodger blue, #1E90FF
  • Изумрудный, Emerald, #50C878
  • Баклажановый, Eggplant, #990066
  • Зелёный папоротник, Fern green, #4F7942
  • Льняной, Flax, #EEDC82
  • Фуксия, Magenta (Fuchsia), #FF00FF
  • Гуммигут, Gamboge, #E49B0F
  • Золотой, Gold, #FFD700
  • Золотисто-берёзовый, Goldenrod, #DAA520
  • Серый, Gray, #808080
  • Серая спаржа, Gray-asparagus, #465945
  • Зелёный серый чай, Gray-Tea Green, #CADABA
  • Зелёный, Green, #00FF00
  • Жёлто-зелёный, Green-yellow, #ADFF2F
  • Синий Градуса, Gradus Blue, #007DFF
  • Гелиотроп, Heliotrope, #DF73FF
  • Ярко-розовый, Hot pink, #FC0FC0
  • Индиго, Indigo, #4B0082
  • Международный (сигнальный) оранжевый, International orange (Safety orange), #FF4F00
  • Жёлто-зелёный, Jade, #00A86B
  • Хаки, Khaki, #C3B091
  • Синий Клейна, Klein Blue, #3A75C4
  • Лаванда, Lavender, #E6E6FA
  • Розово-лавандовый, Lavender Blush, #FFF0F5
  • Лимонный, Lemon, #FDE910
  • Лимонно-кремовый, Lemon Cream, #FFFACD
  • Светло-коричневый, Light brown, #CD853F
  • Сиреневый, Lilac, #C8A2C8
  • Лайм, Lime, #CCFF00
  • Льняной, Linen, #FAF0E6
  • Малахитовый, Malachite, #0BDA51
  • Коричнево-малиновый, Maroon, #800000
  • Розовато-лиловый, Mauve, #993366
  • Полуночно-синий, Midnight Blue, #003366
  • Зелёная мята, Mint Green, #98FF98
  • Зелёный мох, Moss green, #ADDFAD
  • Розовый Маунтбэттена, Mountbatten pink, #997A8D
  • Горчичный, Mustard, #FFDB58
  • Белый навахо, Navajo white, #FFDEAD
  • Тёмно-синий, Navy blue, #000080
  • Охра, Ochre, #CC7722
  • Старое золото, Old Gold, #CFB53B
  • Оливковый, Olive, #808000
  • Нежно-оливковый, Olive Drab, #6B8E23
  • Оранжевый, Orange, #FFA500
  • Орхидея, Orchid, #DA70D6
  • Бледно-синий, Pale Blue, #AFEEEE
  • Бледно-коричневый, Pale brown, #987654
  • Бледно-карминный, Pale carmine, #AF4035
  • Бледно-каштановый, Pale chestnut, #DDADAF
  • Бледно-васильковый, Pale cornflower blue, #ABCDEF
  • Бледно-пурпурный, Pale magenta, #F984E5
  • Бледный розовато-лиловый, Pale mauve, #996666
  • Бледно-розовый, Pale pink, #FADADD
  • Лиловый, Pale red-violet, #DB7093
  • Бледно-песочный, Pale Sandy Brown, #DABDAB
  • Палевый, Pale yellow, #F0DC82
  • Панг, Pang, #C7FCEC
  • Побег папайи, Papaya whip, #FFEFD5
  • Пастельно-зелёный, Pastel green, #77DD77
  • Пастельно-розовый, Pastel pink, #FFD1DC
  • Персиковый, Peach, #FFE5B4
  • Оранжево-персиковый, Peach-orange, #FFCC99
  • Жёлто-персиковый, Peach-yellow, #FADFAD
  • Грушевый, Pear, #D1E231
  • Барвинок, Periwinkle, #CCCCFF
  • Персидский синий, Persian blue, #6600FF
  • Зелёная сосна, Pine Green, #01796F
  • Розовый, Pink, #FFC0CB
  • Оранжево-розовый, Pink-orange, #FF9966
  • Сливовый, Plum, #660066
  • Пороховая синь, Powder blue, #003399
  • Красновато-коричневый, Puce, #CC8899
  • Берлинская лазурь, Prussian blue, #003153
  • Тыква, Pumpkin, #FF7518
  • Пурпурный, Purple, #660099
  • Умбра, Raw umber, #734A12
  • Красный, Red, #FF0000
  • Фиолетово-красный, Red-violet, #C71585
  • Яйца дрозда, Robin egg blue, #00CCCC
  • Королевский синий, Royal Blue, #4169E1
  • Красновато-коричневый, Russet, #755A57
  • Ржаво-коричневый, Rust, #B7410E
  • Сигнальный оранжевый, Safety Orange (Blaze Orange), #FF9900
  • Шафрановый, Saffron, #F4C430
  • Сапфировый, Sapphire, #082567
  • Лососёвый, Salmon, #FF8C69
  • Песочный, Sandy brown, #F4A460
  • Сангрия, Sangria, #92000A
  • Алый, Scarlet, #FF2400
  • Жёлтого школьного автобуса, School bus yellow, #FFD800
  • Зелёное море, Sea Green, #2E8B57
  • Морской пены, Seashell, #FFF5EE
  • Отборный жёлтый, Selective yellow, #FFBA00
  • Сепия, Sepia, #704214
  • Серебряный, Silver, #C0C0C0
  • Серый шифер, Slate gray, #708090
  • Зелёная весна, Spring Green, #00FF7F
  • Синяя сталь, Steel blue, #4682B4
  • Болотный, Swamp green, #ACB78E
  • Загара, Tan, #D2B48C
  • Краснобуро-оранжевый, Tenne, #CD5700
  • Мандариновый, Tangerine, #FFCC00
  • Зелёный чай, Tea Green, #D0F0C0
  • Сине-зелёный, Teal, #008080
  • Чертополох, Thistle, #D8BFD8
  • Бирюзовый, Turquoise, #30D5C8
  • Тициановый, Titian, #d53e07
  • Ультрамариновый, Ultramarine, #120A8F
  • Киноварь, Vermilion, #FF4D00
  • Фиолетовый, Violet, #8B00FF
  • Фиолетово-баклажанный, Violet-eggplant, #991199
  • Ядовито-зелёный, Viridian, #40826D
  • Пшеничный, Wheat, #F5DEB3
  • Белый, White, #FFFFFF
  • Глициния, Wisteria, #C9A0DC
  • Жёлтый, Yellow, #FFFF00
  • Циннвальдит, Zinnwaldite, #EBC2AF
  • Сомон, Saumon, #EFAF8C
  • Кофейный, Coffee, #442D25
  • Медвежьего ушка, Byron, #834D18
  • Кирпичный, Brick, #884535
  • Терракотовый, Terracotta, #904D30
  • Камелопардовый, Camelopardalis, #A25F2A
  • Ванильный, Vanilla, #D5713F
  • Рыжий, Reddish-brown, #D77D31
  • Сиена, Siena, #E28B00
  • Последний вздох Жако, Jaco, #FF9218
  • Жёлто-розовый, Yellow Pink, #FFE4B2
  • Бедра испуганной нимфы, Scared nymph, #FAEEDD
  • Сливочный, Light cream, #F2E8C9
  • Пергидрольной блондинки, Perhydor, #EEE6A3
  • Шамуа, Chamois, #A08040
  • Тёмно-грушевый, Dark pear, #D8A903
  • Детской неожиданности, Child's surprise, #F7F21A
  • Вердепешевый, Vert-de-pеche, #DAD871
  • Слоновой кости, Ivory, #FFFDDF
  • Травяной, Grass, #5DA130
  • Влюбленной жабы, Toad in love, #3CAA3C
  • Вердепомовый, Vert-de-pomme, #34C924
  • Фисташковый, Pistachio, #BEF574
  • Красного моря, Red Sea, #1F4037
  • Лягушки в обмороке, Fainted frog, #7B917B
  • Маренго, Marengo, #4C5866
  • Мурена, Moray, #1C6B72
  • Электрик, Electric, #7DF9FF
  • Светло-серый, Light Grey, #BBBBBB
  • Кварцевый, Quartz, #99958C
  • Антрацитовый, Anthracite, #464451
  • Чёрного моря, Black Sea, #1A4780
  • Сизый, Bluish, #79A0C1
  • Ниагара, Niagara, #9DB1CC
  • Небесный, Sky, #7FC7FF
  • Гридеперлевый, Gris de perle, #C7D0CC
  • Бороды Абдель-Керима, Abdel Kerim's beard, #D5D5D5
  • Серобуромалиновый, Seroburomalinovyj, #735184
  • Фиалковый, Violaceous, #EA8DF7
  • Звезды в шоке, Shocked star, #FF47CA
  • Вишнёвый, Cherry, #911E42
  • Блошиного брюшка, Flea belly, #4E1609
  • Бурый, Fulvous, #45161C
  • Бисмарк-фуриозо, Bismarck-furious, #A5260A
  • Бордовый, Wine red, #9B2D30

English version

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

Приветствую вас на сайте Impuls-Web!

В данной статье я расскажу вам, как можно определить цвет элемента на сайте.

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

Навигация по статье:

В моем случае, в качестве такого элемента будет выступать кнопка «Отправить заявку»

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

Определение цвета стандартными инструментами браузера

Я буду показывать, как это можно сделать на примере браузера Mozilla Firefox и Google Chrome. Здесь, для того, что бы определить цвет какого-то элемента я могу щелкнуть правой кнопкой мыши по тому элементу, для которого я хочу задать цвет и в раскрывающемся списке выбрать здесь пункт «Исследовать элемент».

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

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

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

  1. 1.Кликнуть на значок пипетки
  2. 2.Навести курсор на тот элемент сайта, цвет которого мы хотим определить. В данном случае это будет меню.

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

     

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

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

Для этого вы можете воспользоваться либо визуальным редактором WordPress, либо какой-то другой программой для редактирования кода.

Изменения нужно вносить в файл:

/wp-content/themes/название вашей темы/style.css

Все изменения вносим в самый конец файла.

Для смены фона данного элемента нужно определить его класс или идентификатор. Как это делать я показывала в этой статье.

Затем, для этого элемента нужно задать свойство background, и вставить значение того цвета, который мы только что определили. После этого нужно сохранить изменения.

В файле style.css это будет выглядеть примерно так:

.test-btn{ background:# #2F73B6; }

.test-btn{

background:# #2F73B6;

}

Только вместо test-btn будет значение класса или идентификатора вашего элемента.

Определение цвета в браузере Google Chrome

В браузере Google Chrome процесс определения цвета будет выглядеть аналогичным образом.

  1. 1.Точно так же щелкаем правой кнопкой мышки по интересующему нас элементу.
  2. 2.Выбираем пункт «Просмотреть код»
  3. 3.Далее, у нас открывается аналогичный инспектор. Единственное, у вас он может быть как в горизонтальном расположении, как у меня, так и в вертикальном, когда панель будет находиться справа.
  4. 4.Здесь мы находим панель отображения css-свойств, и нажимаем на значок одного из цветов.
    = cvet6=
  5. 5.Далее, у нас открывается инструмент определения цвета, который, в принципе, похож на тот, который был в Mozilla Firefox. Единственное, что здесь еще можно задавать прозрачность цвета, выбирать цветовую гамму, и так же он может определять цвета не только в шестнадцатеричном формате, но и в формате RGB и RGBA.
  6. 6.Для точного определения цвета так же нажимаем на значок пипетки, наводим курсор на тот элемент, цвет которого мы хотим определить, и щелкаем левой кнопкой мыши.

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

  7. 7.Точно так же, копируем значение этого цвета, и затем вставляем его в наш css-файл.

Как и в Mozilla Firefox, после того как мы выбрали цвет в окне предпросмотра элемент подсветился таким же цветом, который мы выбрали. Однако при обновлении страницы все эти изменения исчезнут, и цвет станет таким же, как он задан в css изначально. То есть, для того, что бы эта кнопка стала такого же цвета, как и меню на сайте, мне нужно внести изменения в css-файл.

Использование пипетки в Mozilla Firefox

Так же, в браузере Mozilla Firefox есть специальный инструмент для определения цвета, который называется «Пипетка».
Для того чтобы им воспользоваться нужно:

  1. 1.В правом верхнем углу нажимаем на значок меню, затем, выбираем раздел «Разработка», и здесь выбираем инструмент «Пипетка».
  2. 2.У нас появляется вот такое увеличительное стекло, при помощи которого мы можем определять цвет.
  3. 3.После того, как мы навели курсор на тот элемент, у которого нужно определить цвет, щелкаем левой кнопкой мышки и значение этого цвета автоматически копируется в буфер обмена.
  4. 4.Затем, мы просто переходим в css-файл и вставляем это значение.

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

Определение цвета при помощи специальной программы

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

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

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

После того, ка вы выбрали тот цвет, который вам нравится, вы нажимаете сочетание клавиш CTRL+ALT+C, и значение этого цвета попадает в буфер обмена.

Затем, это значение можно также задать в качестве цвета фона, но при этом обращаю ваше внимание, что оно копируется без знака решетки.

Цвет определяется в шестнадцатеричном формате но знак решетки # вам нужно будет дописывать самостоятельно чтобы получилось примерно так: «#2F73B6».

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

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

  1. 1.Сначала нажимаем CTRL+ALT+C, что бы скопировать значение цвета.
  2. 2.Затем, на клавиатуре, нажимаем CTRL+ALT+X, после чего открывается вот такая палитра:
  3. 3.В этой палитре можно либо выбирать интересующие оттенки, либо при помощи ползунка справа делать цвет более темным или более светлым. При этом в окне предпросмотра отображается оттенок, который получается в результате этих манипуляций. Здесь значение цвета отображается как в формате RGB, так и в шестнадцатеричном формате.
  4. 4.Если значение скопированного цвета не вставилось автоматически, то нужно вставить его в поле «HTML», а уже потом делать его темнее или светлее при помощи ползунка справа.
  5. 5.После выбора нужного оттенка копируем шестнадцатеричное значение цвета из поля “HTML”

Для смены цвета фона при наведении нужно приписать к классу или идентификатору элемента псевдокласс hover, а заем задать цвет фона.

Получится примерно так:

.test-btn{ background:#2F73B6; } .test-btn:hover{ background:# 286199; }

.test-btn{

background:#2F73B6;

}

 

.test-btn:hover{

background:# 286199;

}

Я обычно при верстке или доработке сайтов использую именно эту программку.

Вы можете скачать данную программу к себе на компьютер, нажав на ссылку ниже.

Видеоинструкция

На этом у меня все. Если данная статья была для вас полезна – не забудьте оставить комментарий и подписаться на мою рассылку. Спасибо за то, что посетили мой сайт и до встречи в следующей статье!

С уважением Юлия Гусарь

Цвета HTML. Таблица из 147 имён цветов для HTML и CSS — ColorScheme.Ru

HTML Имя ЦветаHEXRGB
Красные тона:
IndianRed#CD5C5C205, 92, 92
LightCoral#F08080240, 128, 128
Salmon#FA8072250, 128, 114
DarkSalmon#E9967A233, 150, 122
LightSalmon#FFA07A255, 160, 122
Crimson#DC143C220, 20, 60
Red#FF0000255, 0, 0
FireBrick#B22222178, 34, 34
DarkRed#8B0000139, 0, 0
Розовые тона:
Pink#FFC0CB255, 192, 203
LightPink#FFB6C1255, 182, 193
HotPink#FF69B4255, 105, 180
DeepPink#FF1493255, 20, 147
MediumVioletRed#C71585199, 21, 133
PaleVioletRed#DB7093219, 112, 147
Оранжевые тона:
LightSalmon#FFA07A255, 160, 122
Coral#FF7F50255, 127, 80
Tomato#FF6347255, 99, 71
OrangeRed#FF4500255, 69, 0
DarkOrange#FF8C00255, 140, 0
Orange#FFA500255, 165, 0
Жёлтые тона:
Gold#FFD700255, 215, 0
Yellow#FFFF00255, 255, 0
LightYellow#FFFFE0255, 255, 224
LemonChiffon#FFFACD255, 250, 205
LightGoldenrodYellow#FAFAD2250, 250, 210
PapayaWhip#FFEFD5255, 239, 213
Moccasin#FFE4B5255, 228, 181
PeachPuff#FFDAB9255, 218, 185
PaleGoldenrod#EEE8AA238, 232, 170
Khaki#F0E68C240, 230, 140
DarkKhaki#BDB76B189, 183, 107
Фиолетовые тона:
Lavender#E6E6FA230, 230, 250
Thistle#D8BFD8216, 191, 216
Plum#DDA0DD221, 160, 221
Violet#EE82EE238, 130, 238
Orchid#DA70D6218, 112, 214
Fuchsia#FF00FF255, 0, 255
Magenta#FF00FF255, 0, 255
MediumOrchid#BA55D3186, 85, 211
MediumPurple#9370DB147, 112, 219
BlueViolet#8A2BE2138, 43, 226
DarkViolet#9400D3148, 0, 211
DarkOrchid#9932CC153, 50, 204
DarkMagenta#8B008B139, 0, 139
Purple#800080128, 0, 128
Indigo#4B008275, 0, 130
SlateBlue#6A5ACD106, 90, 205
DarkSlateBlue#483D8B72, 61, 139
Коричневые тона:
Cornsilk#FFF8DC255, 248, 220
BlanchedAlmond#FFEBCD255, 235, 205
Bisque#FFE4C4255, 228, 196
NavajoWhite#FFDEAD255, 222, 173
Wheat#F5DEB3245, 222, 179
BurlyWood#DEB887222, 184, 135
Tan#D2B48C210, 180, 140
RosyBrown#BC8F8F188, 143, 143
SandyBrown#F4A460244, 164, 96
Goldenrod#DAA520218, 165, 32
DarkGoldenRod#B8860B184, 134, 11
Peru#CD853F205, 133, 63
Chocolate#D2691E210, 105, 30
SaddleBrown#8B4513139, 69, 19
Sienna#A0522D160, 82, 45
Brown#A52A2A165, 42, 42
Maroon#800000128, 0, 0
Основные цвета:
Black#0000000, 0, 0
Gray#808080128, 128, 128
Silver#C0C0C0192, 192, 192
White#FFFFFF255, 255, 255
Fuchsia#FF00FF255, 0, 255
Purple#800080128, 0, 128
Red#FF0000255, 0, 0
Maroon#800000128, 0, 0
Yellow#FFFF00255, 255, 0
Olive#808000128, 128, 0
Lime#00FF000, 255, 0
Green#0080000, 128, 0
Aqua#00FFFF0, 255, 255
Teal#0080800, 128, 128
Blue#0000FF0, 0, 255
Navy#0000800, 0, 128
HTML Имя ЦветаHEXRGB
Зелёные тона:
GreenYellow#ADFF2F173, 255, 47
Chartreuse#7FFF00127, 255, 0
LawnGreen#7CFC00124, 252, 0
Lime#00FF000, 255, 0
LimeGreen#32CD3250, 205, 50
PaleGreen#98FB98152, 251, 152
LightGreen#90EE90144, 238, 144
MediumSpringGreen#00FA9A0, 250, 154
SpringGreen#00FF7F0, 255, 127
MediumSeaGreen#3CB37160, 179, 113
SeaGreen#2E8B5746, 139, 87
ForestGreen#228B2234, 139, 34
Green#0080000, 128, 0
DarkGreen#0064000, 100, 0
YellowGreen#9ACD32154, 205, 50
OliveDrab#6B8E23107, 142, 35
Olive#808000128, 128, 0
DarkOliveGreen#556B2F85, 107, 47
MediumAquamarine#66CDAA102, 205, 170
DarkSeaGreen#8FBC8F143, 188, 143
LightSeaGreen#20B2AA32, 178, 170
DarkCyan#008B8B0, 139, 139
Teal#0080800, 128, 128
Синие тона:
Aqua#00FFFF0, 255, 255
Cyan#00FFFF0, 255, 255
LightCyan#E0FFFF224, 255, 255
PaleTurquoise#AFEEEE175, 238, 238
Aquamarine#7FFFD4127, 255, 212
Turquoise#40E0D064, 224, 208
MediumTurquoise#48D1CC72, 209, 204
DarkTurquoise#00CED10, 206, 209
CadetBlue#5F9EA095, 158, 160
SteelBlue#4682B470, 130, 180
LightSteelBlue#B0C4DE176, 196, 222
PowderBlue#B0E0E6176, 224, 230
LightBlue#ADD8E6173, 216, 230
SkyBlue#87CEEB135, 206, 235
LightSkyBlue#87CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
DodgerBlue#1E90FF30, 144, 255
CornflowerBlue#6495ED100, 149, 237
MediumSlateBlue#7B68EE123, 104, 238
RoyalBlue#4169E165, 105, 225
Blue#0000FF0, 0, 255
MediumBlue#0000CD0, 0, 205
DarkBlue#00008B0, 0, 139
Navy#0000800, 0, 128
MidnightBlue#19197025, 25, 112
Белые тона:
White#FFFFFF255, 255, 255
Snow#FFFAFA255, 250, 250
Honeydew#F0FFF0240, 255, 240
MintCream#F5FFFA245, 255, 250
Azure#F0FFFF240, 255, 255
AliceBlue#F0F8FF240, 248, 255
GhostWhite#F8F8FF248, 248, 255
WhiteSmoke#F5F5F5245, 245, 245
Seashell#FFF5EE255, 245, 238
Beige#F5F5DC245, 245, 220
OldLace#FDF5E6253, 245, 230
FloralWhite#FFFAF0255, 250, 240
Ivory#FFFFF0255, 255, 240
AntiqueWhite#FAEBD7250, 235, 215
Linen#FAF0E6250, 240, 230
LavenderBlush#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
Серые тона:
Gainsboro#DCDCDC220, 220, 220
LightGrey#D3D3D3211, 211, 211
LightGray#D3D3D3211, 211, 211
Silver#C0C0C0192, 192, 192
DarkGray#A9A9A9169, 169, 169
DarkGrey#A9A9A9169, 169, 169
Gray#808080128, 128, 128
Grey#808080128, 128, 128
DimGray#696969105, 105, 105
DimGrey#696969105, 105, 105
LightSlateGray#778899119, 136, 153
LightSlateGrey#778899119, 136, 153
SlateGray#708090112, 128, 144
SlateGrey#708090112, 128, 144
DarkSlateGray#2F4F4F47, 79, 79
DarkSlateGrey#2F4F4F47, 79, 79
Black#0000000, 0, 0

Как узнать цвет элемента на сайте или экране монитора

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

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

Рис. 1

Сначала коротко о методах представления цветов. В web документах обычно используются следующие способы – текстовое обозначение, палитра RGB и шестнадцатеричный код (рис. 2).

Рис. 2. Набор из 16 стандартных цветов

Кодировка RGB отличается от шестнадцатеричной тем, что в первом случае используется десятичная система исчисления, а во втором –  шестнадцатеричная, например, 247=15×16+7=#f7, 192=12×16+0=#С0. Такое преобразование делаем для каждого из трех десятичных чисел, характеризующих интенсивности красного, зеленого и синего цветов в палитре RGB (RGB(138,43,226)=#8A2BE2, т.к. 8A=8×16+10=138, 2B=2×16+11=43, E2=14×16+2=226).

Когда я только начинал работать в интернете и мне нужно было подобрать цвет по имеющемуся образцу, я это делал «на глаз» по палитре цветов. Определить точное цифровое представление имеющегося цвета таким способом практически невозможно. Существует несколько способов решения этой проблемы. Для Google Chrome имеется расширение Eye Dropper, которое можно установить по ссылке

https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka

(скопируйте и вставьте в строку браузера). После установки в панели с кнопками расширений появляется значок с пипеткой (рис. 3)

Рис. 3

Нажимаем на этот значок, откроется окно,

Рис. 4

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

Рис.5

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

При выборе вкладки «Color picker» (рис. 4 сверху) откроется окно, в котором можно выбрать цвет по цветовой палитре и при желании добавить его в историю измерений.

Рис. 6

Похожими возможностями обладает расширение ColorZilla, имеющееся в браузерах Google Chrome и Mozilla Firefox.

Если нужно определить цвет любого элемента, отображенного на экране монитора, то можно воспользоваться небольшой программой  Pixie Portable, ярлык которой я поместил на панель быстрого запуска программ. Работа этой программы показана на рис. 7

Рис. 7

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

Рис.8

Ctrl+Alt+C – копирование в буфер обмена HTML кода.

Ctrl+Alt+X – открытие окна палитры цветов.

Ctrl+Alt+Z – увеличение области под курсором для более точного определения цвета мелких элементов.

С помощью кнопок » x » и  » _ » окно можно закрыть или свернуть в системный трей.

В заключение приведем HTML коды, так называемых, web-безопасных цветов, одинаково отображающихся во всех браузерах (216 кодов).

Web-safe colors

Хорошего Вам настроения.

С уважением, Александр Резунов.

 

Как определить свой цветотип за 2 минуты

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

Почему так? Есть мнение, что дело в цветотипе. Заметим: понятие это весьма условно и во многом несовершенно. Современные профессиональные стилисты им не пользуются, поскольку копают более глубоко.

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

Что такое цветотип

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

Существует несколько классификаций цветотипов. Самая распространённая из них — по временам года: зима, весна, лето и осень.

Как определить цветотип внешности

Достаточно совершить всего три шага.

1. Выясните, к холодному или тёплому типу вы относитесь

Есть три способа это сделать. Выбирайте тот, что удобнее, или используйте сразу все — для надёжности. В любом случае это займёт считаные секунды.

Способ 1. По венам

Подойдите к окну в солнечный день и взгляните на венки на запястье. Если они отчётливо синие, ваш тип — холодный. Если вы угадываете в цвете хотя бы намёк на зеленоватый подтон, ваш тип — тёплый.

Способ 2. По белой салфетке

Встаньте перед зеркалом в хорошо освещённой солнцем комнате и приложите к лицу белую салфетку. Присмотритесь, какой оттенок на её фоне приобретает ваша кожа. Чуть розоватый — ваш тип холодный. Желтоватый — тёплый.

Способ 3. По золоту и серебру

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

Если вам подошло серебро, ваш тип — холодный. Золото — тёплый.

Кстати, на людях тёплого типа хорошо смотрятся золотые браслеты, ожерелья, серьги. Людям холодного типа больше идёт серебро.

2. Определите вашу контрастность

Это совсем просто. Взгляните на своё лицо при естественном освещении.

Если цвет глаз, волос или кожи сильно выделяются на фоне остального, вы — контрастный тип. Яркий пример такого типа — классическая диснеевская Белоснежка с чёрными волосами, тёмными глазами и фарфоровой кожей.

Чуть менее яркий, но всё равно показательный — Золушка с её белой кожей, пронзительными синими глазами и яркой светлой шевелюрой.

Если цвета глаз, волос и кожи перекликаются друг с другом, вы — приглушённый тип. Диснеевскими примерами являются Рапунцель и фея Динь‑Динь.

3. Сопоставьте результаты

Сезонный цветотип определяется на основе температуры и контрастности.

  • Холодный и контрастный — зима.
  • Холодный и приглушённый — лето.
  • Тёплый и контрастный — осень.
  • Тёплый и приглушённый — весна.

Что, если ваш цветотип — зима

Моника Белуччи, Лив Тайлер, Ева Грин / pinterest.com

Людей с таким цветотипом отличают тёмные волосы — от каштанового до иссиня‑чёрного, яркие тёмно‑карие, зелёные или синие глаза, белая кожа.

Избегайте

Зимним людям не подходят ненасыщенные цвета с тёплым подтоном — бежевый, оранжевый, тёплый розовый и голубой.

Носите

pinterest.com

Сюда относятся насыщенные оттенки с холодным подтоном — серебряный, изумрудный, глубокий серый, яркие синий и голубой, красный, пурпурный, винный, чёрный.

Достаточно, чтобы в образе доминировал один из подходящих цветов. Остальные могут быть любыми. Главное, чтобы они сочетались.

Купите

Что, если ваш цветотип — весна

Николь Кидман, Гвинет Пэлтроу, Блейк Лайвли / pinterest.com

Весенних людей отличают тонкая, прозрачная, светлая кожа. Их волосы тёплого тона — от блонда до светло‑русого (пшеничного, медового, золотистого). Глаза голубые, коричневые, серые, зелёные, но обязательно светлые. Часто бывают нежные розовые губы и лёгкий румянец.

Избегайте

Весне не подходят тёмные контрастные цвета с холодным подтоном — чёрный, яркий синий (электрик), глубокий фиолетовый, алый, пурпурный и так далее.

Носите

pinterest.com

Светлые пастельные цвета — сливочный, персиковый, тёплый бежевый, молочный шоколад, лососевый, абрикосовый, светло‑голубой, светло‑серый, светло‑оранжевый, а также яркие нежные оттенки голубого и розового.

Купите

Что, если ваш цветотип — лето

Кейт Хадсон, Наталья Водянова, Миранда Керр / pinterest.com

Людей с таким цветотипом отличают волосы холодных пепельных оттенков — от светло‑русых до тёмных. Кожа холодного тона — от светло‑розовой до серовато‑оливковой, но легко загорает, приобретая золотистый оттенок. Глаза светлые, стального оттенка с ослепительно белым белком — за счёт этого они кажутся очень яркими.

Избегайте

Чёрного, ярко‑оранжевого.

Носите

pinterest.com

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

Купите

Что, если ваш цветотип — осень

Джулианна Мур, Джулия Робертс, Эмма Стоун / pinterest.com

У таких людей кожа золотистого цвета. Волосы такого же тона — от золотистого блонда до медного, рыжего, красного. Глаза отчётливых тёплых цветов — оттенка сладкого чая, ореховые, янтарные.

Избегайте

Чистых светлых цветов с холодным подтоном — ярко‑голубого, лимонно‑жёлтого, холодного зелёного и розового, сиреневого, фиолетового.

Носите

pinterest.com

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

Купите

Читайте также 👖👗👚

Определить цветотип онлайн | Бесплатный тест на определение цветотипа лица

Как определить свой цветотип

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

Что еще потребуется?

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

Начали?

1. Темная или светлая?

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

На примере звезд

Светлые

Шерон Стоун, Гвинет Пэлтроу, Кейт Хадсон

Темные

Ванесса Хадженс, Джулия Робертс, Натали Портман

2. Теплая или холодная?

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

На примере звезд

Теплые

Анджелина Джоли, Николь Кидман, Джулианна Мур

Холодные

Оливия Уайлд, Сандра Баллок, Энн Хэтэуэй

Твои идеальные оттенки

Идеальные цвета для Холодного Светлого типа:

Идеальные цвета для Теплого Светлого цветотипа:

Идеальные цвета для Холодного Темного цветотипа:

Идеальные цвета для Теплого Темного цветотипа:

Теперь нужно выбрать дополнительные цвета, которыми ты сможешь дополнять основные.

3. Мягкая или Яркая?

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

На примере звезд

Мягкие

Жизель Бюндхен, Эшли Олсен, Наталья Водянова

Яркие

Джулианна Хаф, Кортни Кокс, Меган Фокс

Идеальные оттенки для Теплого Яркого цветотипа:

Идеальные оттенки для Теплого Мягкого цветотипа:

Идеальные оттенки для Холодного Яркого цветотипа:

Идеальные оттенки для Холодного Мягкого цветотипа:

Используя подходящие тебе оттенки в одежде и макияже, ты будешь выглядеть интереснее и эффектнее!

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

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

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

Sanstv.ru — простой и доступный инструмент для определения цвета пикселя

Многие дизайнеры, блогеры, художники знают, что веб-цвета имеют цифровое представление. Самой популярной моделью является RGB (красный, зеленый, синий). Эти три цвета при смешивании становятся основой для других оттенков. Поэкспериментировать с ними можно на сайте https://sanstv.ru/. На главной странице вы увидите разноцветный круг и выше параметры колора, представленные в модели RGB. Попробуйте сами передвигать ползунки каждого из трех цветов и увидите, как меняется расцветка пикселя в блоке выше.

Сервис для определения цвета пикселя

Это еще и отличный инструмент, который поможет вам выбрать любой элемент в браузере. Открыв главное окно сайта, вы можете перетащить в него нужную фотографию и узнать цвет любого пикселя на нём. Вы можете нажать кнопку «Обзор» и выбрать его на своем жестком диске, если вам так удобнее. Изображение не обязательно должно быть загружено с вашего ПК. Вы можете открыть какой-нибудь сайт или картинку в интернете и сделать её скриншот. Просто нажмите клавишу PrintSc.

Дальнейший порядок действий:

  1. Вернитесь обратно на вкладку Sanstv.ru;
  2. Нажмите уже в этом окне Ctrl+V;

    Рабочее окно сайта Senstv.ru

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

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

Eye Dropper — расширение для идентификации цифрового колора

Возможно, еще кто-нибудь не знает, но расширения в браузере являются дополнительными инструментами. Они доступны в специальных магазинах. Так как Google Chrome является одним из популярных программ для серфинга в интернете, в его магазине больше всего таких мини-программ. Но нам не нужны все, а только Eye Dropper. Магазин Chrome находится на странице https://chrome.google.com/webstore/category/extensions?hl=ru. Чтобы найти расширение, выберите слева вверху строку поиска и введите в ней название.

Поиск Eye Dropper в магазине расширений Chrome

Это расширение является своеобразной пипеткой для браузера. При этом она будет работать повсеместно и выбирать для вас любой пиксель. После чего предоставлять всю нужную информацию по цвету. Это очень удобно, и к тому же не нужно ничего копировать или вставлять. Когда вы найдете расширение, выберите напротив него кнопку «Установить». Вверху на панели браузера Chrome появится маленькое изображение пипетки. Чтобы начать с ней работать нажмите на неё.

Дальнейший порядок действий:

  1. Откроется контекстное меню, где для выбора оттенка в браузере нужно нажать кнопку «Pick color from web-page»;

    Расширение Google Chrome Eye Dropper

  2. Указателем выберите нужный участок на экране, он тут же копируется. А цветовой квадратик возле пипетки примет оттенок, который вы выбрали;
  3. Слева в информационном блоке расширения будут числовые значение в RGB, HSL, HTML и др. Чтобы удалить текущий колор, нажмите корзинку под кнопкой выбора;

    Инструменты Eye Dropper

  4. Вы можете загрузить данные цвета в формате CSV, который можно открыть программой MS Excel.

При этом небольшое расширение Eye Dropper позволяет автоматически копировать данные выбранного цвета на мониторе. Есть настройка горячих клавиш для быстрого запуска в браузере, а также история всех выбранных раннее вариантов. Если вы пользуетесь браузером Google Chrome и вам часто необходимо определять цвета разных пикселей online, то это расширение несомненно для вас.

Есть еще несколько других инструментов в интернете. Возможно, они не такие удобные, как те, что были уже рассмотрены. Но некоторым они тоже могут понравится. Inettools — это еще одна онлайн-пипетка. Здесь вам также потребуется загрузить изображение, откуда нужно выбрать цвет цифровой картинки. Попадая на главную страницу https://ru.inettools.net, вы увидите рабочее окно. В него можно перетащить изображение. А можно загрузить его, нажав на кнопку под окном «Выбрать». После этого указать на своем компьютере путь к изображению.

Дальнейшие действия:

  1. Когда картинка будет на рабочем столе Inettools, просто выберите курсором мыши любую точку на картинке;

    Рабочее окно Inettools

  2. Вся информация по выбранному пикселю отобразится в блоке ниже под названием «Сохраненное значение». Здесь представлен этот цвет в RGB и HTML, а также указано положение по горизонтали и вертикали;
  3. В блоке «Текущее положение» отображается значение курсора, которым вы передвигаете в настоящее время.

    Определение цвета пикселя в Inettools

С помощью такого нехитрого инструмента очень просто узнать любой цветовой пиксель на фотографии или цветной картинке. В нем можно выбирать несколько изображений и переключаться между ними. Их список находится под рабочим столом. Онлайн-инструментом подобного типа является https://imagecolorpicker.com/ru. В отличие от предыдущего сервиса, здесь есть возможно только загружать картинки из своего компьютера или по указанному URL.

Pixie — простая утилита для распознавания оттенка на экране

Небольшая утилита Pixie является портативной. Это значит, что после её загрузки на свой компьютер вам не придется её устанавливать. Размер её весьма мал — 11 килобайт. Вы можете упрятать её куда-нибудь подальше в папку, чтобы она не мешала. А на рабочий стол вывести иконку. Таким образом вы получите удобный и простой инструмент, который способ определять цвет на экране не зависимо от того, какая программ сейчас работает. Это может быть браузер или даже игра.

Запустив утилиту Pixie, нужно навести курсор на часть экрана, и вы тут же определить цвет в шести различных цветовых моделях: RGB, HEX, CMYK, HSV, pixel at, HTML. Информация отображается в небольшом окошке. Вы сможете загрузить утилиту Pixie с сайта разработчика — http://www.nattyware.com/pixie.php. Она абсолютно бесплатна и будет работать во всех версиях ОС Windows.

Другие инструменты, которые помогут определить цвет пикселя

Есть еще одна утилита с похожими функциями — HTML-Color 2000. Эта программа ограничена только цветовой схемой HTML и RGB. И отображает информацию только соответственно этим цветовым представлениям. Загрузить её можно по ссылке https://siteblogger.ru/programs/programma-html-colors-2000.html. Чтобы узнать цвет в HTML, нужно в окне программы нажать на кнопку «Screen». После этого она отображает необходимую информацию соответственно в двух блоках. Колор в ней можно изменять самому. Например, чтобы узнать код HTML-цвета, выберите его название из списка в блоке программы.

Программа HTMLColor 2000

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

 

Узнать код цвета (RGB, HEX)

Важную роль в том, насколько хорошо выглядит на экране монитора какой-либо графический объект и насколько он пригоден к использованию, играет цвет. Только представьте себе приложение или веб-сайт, которые вы используете или посещаете каждый день, если они будут выглядеть монохромными. Цвет помогает выделить различные элементы управления в пользовательском интерфейсе и его правильный выбор очень важен для веб-разработчиков. Как узнать код цвета, работая в операционной системе Windows 10 начинающему пользователю, не прибегая к использованию Photoshop или Illustrator, вы узнаете из этой статьи.

Если вы захотите узнать цветовой код графического элемента, не устанавливая в ОС дополнительное программное обеспечение, настоятельно рекомендуем использовать уже предустановленный в систему по умолчанию графический редактор Paint. Сделайте скриншот выбранного объекта на Рабочем столе, применив клавишу PrintScreen для снимка всего экрана, или добавьте в сочетание клавишу Alt для снимка активного окна. Это первый шаг.

Узнать код цвета

Запустите Paint и вставьте в рабочую область созданный скриншот. В разделе «Инструменты» выберите «Палитру» (значок с изображением пипетки). Нажмите на выбранный цвет, для которого хотите узнать код. Перейдите в окно «Изменение цветов», где и узнаете нужный RGB-код (красный, зеленый, синий).

Если вам нужен HEX-код (в виде #000000), а не RGB, то преобразуйте его в нужный формат, воспользовавшись инструментом «Дополнительный цвет» в разделе «Персонализация» системной утилиты «Параметры». Запустите её сочетанием клавиш Win+I на своей клавиатуре.

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

Преобразование цвета в Google

Достаточно просто ввести код HEX в поисковую строку Google в своем веб-браузере. В результате поисковик представит вам его результат дополнительно в таких цветовых кодах:

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

Как определить код цвета онлайн

Способ 1: Sanstv

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

Перейти к онлайн-сервису Sanstv

  1. У вас есть разные варианты взаимодействия Sanstv. Нажмите на «Выберите файл» для загрузки целевой картинки или используйте приведенную справа палитру.
  2. При открытии Проводника отыщите на локальном хранилище подходящее изображение, код цвета на которой и нужно определить.
  3. Наведите курсор на определенный участок снимка и кликните по нему, чтобы данные отобразились в левой таблице.
  4. Теперь можете получить все необходимые сведения, начиная от HTML-кода, и закачивания общепринятым названием оттенка.
  5. Если вы отметите сразу несколько цветов, они отобразятся отдельным списком на панели слева. Переключайтесь между ними по необходимости, чтобы снова получить сведения о коде.

Способ 2: InetTools

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

Перейти к онлайн-сервису InetTools

  1. Откройте главную страницу InetTools, кликнув по ссылке выше, где нажмите «Выбрать» для перехода к загрузке изображения.
  2. В Проводнике отыщите требуемый для открытия файл.
  3. Ожидайте завершения его обработки, что займет буквально несколько секунд.
  4. Наведите курсор на необходимую область, а снизу следите за текущим значением, чтобы в нужный момент остановиться на подходящем.
  5. Сделайте клик мышкой, чтобы создать сохраненное значение. Теперь есть возможность узнать о нем больше информации, посмотрев расположение по осям, код и значения по RGB.

Способ 3: AllCalc

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

Перейти к онлайн-сервису AllCalc

  1. На необходимой странице AllCalc ознакомьтесь со стандартной палитрой цветов и оттенков, а если она вас не устраивает, щелкните «Сменить палитру», чтобы отобразилась новая.
  2. Всего в AllCalc четыре разные палитры, а вам предстоит выбрать ту, которая удовлетворит возникшие потребности.
  3. Кнопкой мыши выбирайте на палитре оттенок, а затем просматривайте информацию о нем через таблицу справа. Здесь присутствует HEX-код, значения RGB и RGBA.
  4. Советуем перейти ко второму блоку, в котором выбирается оттенок и просматривается пример его использования в качестве фона.
  5. Ниже находится и гамма от светлого к темному с обозначением процентов и HEX-кодов.
Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Как определить HTML код цвета на экране

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

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

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

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

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

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

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

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

Алексей Повловский

Как определить цвет волос? 18 фото Как узнать свой оттенок и глубину тона по номеру? Определение уровня цвета по палитре и цветотипу внешности

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

Найти первоисточник

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

  • брюнет;
  • шатен;
  • блондин.

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

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

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

Если вы решили сменить естественный цвет волос, но вам сложно определиться с тоном, воспользуйтесь классическим вариантом. Допускается красить волосы на 2 тона темнее или светлее вашего природного цвета. Если вы желаете изменить цвет окрашенных волос, то вы можете сделать их на 2 тона темнее или на 1 уровень светлее.

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

Определяем свой цвет волос

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

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

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

Важно, чтобы освещение было дневное, поскольку искусственный свет способен затемнить изначальный цвет или придать ему желтизны.

Ваш цветотип

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

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

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

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

  • черный;
  • серый;
  • голубой;
  • зеленый;
  • карий.

Чтобы правильно определить свой цветотип, нужно соблюсти следующие условия:

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

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

Основные цветотипы

Все типы внешности разделяют на следующие 4 категории:

  • зима;
  • лето;
  • весна;
  • осень;

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

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

У девушек с типом внешности лето кожа бледная – светло-молочная либо бледно-оливковая, с холодным подтоном. Глаза – серые, голубые либо зеленые. От природы волосы русые или светло-коричневые.

Если девушка-лето пожелает сменить цвет волос, то ей идеально подойдет пшеничный тон. Для контрастных типажей допускаются и темные полутона.

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

Таким девушкам стоит выбирать светлые тона – орех, мед, карамель. Если кожа обладает светлым, холодным оттенком – отдайте предпочтение пепельному блонду.

О том, как подобрать цвет волос, смотрите в следующем видео.


Смотрите также