Интуитивно понятный способ понимания шестнадцатеричных HTML-кодов цвета?

Question

Существует ли интуитивный способ или хорошая мнемоника для понимания соответствия между цветами и их шестнадцатеричными значениями?

Answer 1

Вы просто должны помнить, что шкала от 00 (без цветового эффекта) до FF (полноцветный эффект) и три части триплета - красный, зеленый и синий.

000000 - черный (то есть, без цвета), а FFFFFF - белый (смешивание всех трех основных цветов).

Трудно вспомнить смеси, для которых я использую следующую мнемонику:

• Действительно хороший ямс : красный + зеленый = желтый (картошка - моя любимая еда).
• Действительно плохой чернослив : красный + синий = фиолетовый (я действительно ненавижу чернослив).
• Хорошие / плохие яблоки : Зеленый + Синий = Аква (мне безразличны яблоки).

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

Тогда это просто вопрос изменения количества, чтобы добавить немного больше красного или немного меньше синего и так далее. Обычно я использую только значения 00, 40, 80, C0 и FF, поскольку это дает вам 125-цветную палитру на выбор, и я не хочу, чтобы обилие вариантов замедлило меня.

Answer 2

Вам нужно разобраться с тремя разными вещами здесь.

1. Чтение и запись чисел в шестнадцатеричном формате. Это просто требует практики и ознакомления с этим. Цветовые коды варьируются от 00 (ноль) до FF (= 255), поэтому потратьте немного времени (используя calc.exe в научном режиме, может быть?), Выбирая число и пытаясь угадать, что это будет в гексах, и наоборот , Подсчет в десятичной системе - это, вероятно, вторая натура для вас; подсчет в шестнадцатеричном формате - это одно и то же понятие с разными символами и правилами

2. Как прочитать цветовой код RGB как три значения компонента. Коды RGB записываются в виде трех цифр (#FFF) или шести (#FFFFFF). В первом случае каждая цифра является компонентом одного цвета; красный, зеленый, потом синий. 0 = пусто, F = 'полный' (максимум). Вторая такая же, но дополнительная цифра дает вам гораздо более широкий диапазон тонов, потому что у вас есть 256 возможных интенсивностей для каждого компонента вместо 16.

3. Зная цветовую модель RGB. Ваши основные цвета - красный, зеленый и синий. Ваши второстепенные цвета: желтый (R + G), пурпурный (R + B) и голубой (G + B). Увеличение всех значений делает цвет светлее; уменьшение их всех делает темнее. Чистые оттенки серого будут иметь три равных компонента - например, #ddd, # 222. Оттяните оттенки серого, слегка подтолкнув одно из значений цвета - # 866 даст вам темно-серый с оттенком красного. Этот бит вы просто должны учиться на опыте. Играть с этим. Получите инструмент, такой как Instant Eyedropper и используйте его, чтобы найти шестнадцатеричные значения известных цветов.

Точно понять это очень, очень сложно, но не займет больше пары дней, прежде чем вы сможете сказать «правильно ... Я хочу оранжевый, который находится где-то между красным (# F00) и желтым ( # FF0) на цветовом круге, так что давайте попробуем разделить разницу и использовать # F90 ... хм, немного темновато, поэтому давайте немного подтолкнем компоненты G и B ... # FA2 ... понятно! "

Answer 3

Просто подумайте об этом, как о смешивании краски.

Существуют три компонента RR, GG, BB (RRGGBB), которые можно смешивать с различными показателями. Помните, что 00 - самая низкая сила, а ff - самая высокая.

Например, мы знаем, что 000000 будет слабой силой на всех цветах и ​​будет черным. Аналогично, ffffff является наивысшим для всех трех цветовых компонентов и будет белым.

Вы можете добавить или удалить цвет, сделав одну часть сильнее или слабее. Например, начните с черного 000000 и добавьте немного красного как 330000, или добавьте немного синего с 000033. Добавьте оба и посмотрите, что получится 330033.

Добавить много красного, с ff0000. Или добавьте среднее количество зеленого для 006600.

Если все три компонента близки к одинаковой силе, они нейтрализуют друг друга, и у вас есть оттенки серого, которые будут светлыми или темными в зависимости от интенсивности цветов. Итак, 000000, 333333, 666666, 999999 и ffffff - это черный, темный серый, светлый серый и белый.

Если вы возьмете средний серый цвет и добавите немного синего, вы получите голубовато-серый, как 888899. Красный, зеленый и синий почти равны, поэтому почти серый, но немного синего цвета. Вы можете немного поэкспериментировать с ними.

Один действительно замечательный инструмент для просмотра цветовых кодов это (маленький и бесплатный):

http://www.nattyware.com/pixie.html

Надеюсь, это поможет!

Answer 4

Помните:

1) Порядок шестнадцатеричных пар: красный, зеленый и синий. Это легко запомнить, поскольку мы часто говорим о цветах RGB, экранах RGB и т. Д.

2) Числа следует интерпретировать как количество света в цвете. Так что 00 - это не свет, а FF - максимальный свет в этом цвете.

3) У всех трех цветов одинаковый уровень, они "отменяют друг друга", поэтому мы получаем цвет в оттенках серого. 00 - это минимальное освещение, так что если все три цвета равны 00, мы не получаем света, т.е. черный. Если все три цвета максимально светлые (#FFFFFF), мы получаем белый цвет, любое число между ними - серый.

Answer 5

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

Answer 6

Разбейте цвет на триплет значений, представляющих красный, зеленый и синий. Чем выше шестнадцатеричное значение в каждом сегменте, тем больше этого цвета. Так # 000000 черный, # FF0000 весь красный, # FF00FF фиолетовый и т. Д.

Answer 7

Я не уверен, что вы имеете в виду, но я всегда помню, что это цвет RGB: первые две цифры - для красного, вторая пара - для зеленого, а последние - для синего.

как это: # RRGGBB

И, конечно, пытаясь запомнить, что более низкие числа дают более темные цвета.

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

Answer 8

Шестнадцатеричные цвета имеют вид #RRGGBB, где RR - красный, GG - зеленый, а BB - синий. Поскольку они шестнадцатеричные, они варьируются от 00-FF. Из этого должно быть довольно легко приблизительно оценить, с каким цветом вы имеете дело, например # FF12A3 будет довольно красным.

Answer 9

Теперь мне удается создавать цвета интуитивно (с некоторыми пробами и ошибками, конечно), много практиковав их. Воспроизведение / использование цветовых микшеров (например, с красными / зелеными / синими ползунками) помогает понять отношения. Теперь я знаю, что FFFF00 - желтый, FF00FF - пурпурный, 00FFFF - голубой, плюс, конечно же, основные цвета, а все остальные цвета находятся между ними.

Answer 10

Ну, мониторы используют цветовую схему «RGB». Порядок цветов в шестнадцатеричном числе RRGGBB. Так что, просто запоминая название схемы цветов, вы узнаете, что и где. Затем вы можете разобрать #RRGGBB как три числа RR, GG и BB.

Чем выше число, тем ярче данный компонент.

Тогда вам просто нужно запомнить аддитивное цветовое колесо из начальной школы. ;)