Интуитивно понятный способ понимания шестнадцатеричных HTML-кодов цвета?
Есть ли интуитивный способ или хорошая мнемоника для понимания соответствия между цветами и их шестнадцатеричными значениями?
10 ответов
Вы просто должны помнить, что шкала от 00 (без цветового эффекта) до FF (полноцветный эффект) и три части триплета - красный, зеленый и синий.
000000 - это черный цвет (т. Е. Нет цвета), а FFFFFF - белый (смешивающий все три основных цвета).
Трудно вспомнить смеси, для которых я использую следующую мнемонику:
- Действительно хороший ямс: красный + зеленый = желтый (картошка - моя любимая еда).
- Действительно плохой чернослив: красный + синий = фиолетовый (я действительно ненавижу чернослив).
- Хорошие / плохие яблоки: зеленые + синие = аква (мне безразличны яблоки).
Очевидно, вам, возможно, придется придумать свою собственную мнемонику, если ваши вкусовые качества отличаются от моих:-). Но я считаю, что это самый простой способ для меня.
Тогда это просто вопрос изменения количества, чтобы добавить немного больше красного или немного меньше синего и так далее. Обычно я использую только значения 00, 40, 80, C0 и FF, так как это дает вам 125-цветную палитру на выбор, и я не хочу, чтобы обилие вариантов замедлило меня.
Вам нужно разобраться с тремя разными вещами здесь.
Чтение и запись чисел в шестнадцатеричном формате. Это просто требует практики и ознакомления с этим. Цветовые коды варьируются от 00 (ноль) до FF (= 255), поэтому потратьте немного времени (используя calc.exe в научном режиме, может быть?), Выбирая число и пытаясь угадать, что это будет в гексах, и наоборот, Подсчет в десятичной системе - это, вероятно, вторая натура для вас; Подсчет в шестнадцатеричном формате - это одно и то же понятие с разными символами и правилами.
Как прочитать цветовой код RGB как три значения компонента. Коды RGB записываются в виде трех цифр (#FFF) или шести (#FFFFFF). В первом случае каждая цифра является компонентом одного цвета; красный, зеленый, потом синий. 0 = пусто, F = 'полный' (максимум). Вторая такая же, но дополнительная цифра дает вам гораздо более широкий диапазон тонов, потому что у вас есть 256 возможных интенсивностей для каждого компонента вместо 16.
Зная цветовую модель RGB. Ваши основные цвета - красный, зеленый и синий. Ваши второстепенные цвета: желтый (R+G), пурпурный (R+B) и голубой (G+B). Увеличение всех значений делает цвет светлее; уменьшение их всех делает темнее. Чистые оттенки серого будут иметь три равных компонента - например, #ddd, #222. Оттенок серого, слегка подтолкнув одно из значений цвета - #866 даст вам темно-серый с оттенком красного. Этот бит вам просто нужно учиться на собственном опыте. Играть с этим. Получить инструмент, как http://instant-eyedropper.com/ и использовать его, чтобы найти шестнадцатеричные значения известных цветов.
Точно понять это очень, очень сложно, но это не займет больше пары дней, прежде чем вы сможете сказать "правильно... Я хочу оранжевый, который находится где-то между красным (#F00) и желтым (#FF0) на цветовом круге, так что давайте попробуем разделить разницу и использовать #F90... хм, немного темно, поэтому давайте немного подтолкнем компоненты G и B... #FA2... понятно!"
Просто думайте об этом как о смешивании краски.
Есть три компонента 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
Надеюсь, это поможет!
Я не уверен, что вы имеете в виду, но я всегда помню, что это цвет RGB: первые две цифры - для красного, вторая пара - для зеленого, а последние - для синего.
как это: #RRGGBB
И, конечно же, пытаясь вспомнить, что более низкие числа дают более темные цвета.
Если вы ищете способ запомнить цветовой код оранжевого цвета, боюсь, вам не повезло. Мне всегда нужно искать это...
Я думаю, что полезно получить хорошую HTML-таблицу цветов и держать ее у себя на столе. Мне нравятся коврики для мыши и плакаты Visibone.
Шестнадцатеричные цвета имеют вид #RRGGBB, где RR - красный, GG - зеленый, а BB - синий. Поскольку они шестнадцатеричные, они варьируются от 00-FF. Из этого должно быть довольно легко приблизительно определить, с каким цветом вы имеете дело, например #FF12A3 будет довольно красным.
Помните:
1) Порядок шестнадцатеричных пар: красный, зеленый и синий. Это легко запомнить, так как мы часто говорим о цветах RGB, экранах RGB и так далее.
2) Числа следует интерпретировать как количество света в цвете. Так что 00 - это не свет, а FF - максимальный свет в этом цвете.
3) У меня все три цвета одного уровня, они "взаимно компенсируют", поэтому мы получаем оттенки серого. 00 - минимальный свет, так что, если все три цвета равны 00, мы не получаем света - т.е. черный. Если все три цвета имеют максимальный свет (#FFFFFF), мы получим белый, любое число между ними - серый.
Разбейте цвет на тройку значений, представляющих красный, зеленый и синий. Чем выше шестнадцатеричное значение в каждом сегменте, тем больше этого цвета. Так что #000000 черный, #FF0000 весь красный, #FF00FF фиолетовый и т. Д.
Ну, мониторы используют цветовую схему "RGB". Порядок цветов в шестнадцатеричном числе RRGGBB. Так что, просто запоминая название схемы цветов, вы узнаете, что и где. Затем вы можете разобрать #RRGGBB как три числа RR, GG и BB.
Чем выше число, тем ярче этот конкретный компонент.
Тогда вам просто нужно запомнить аддитивное цветовое колесо из начальной школы.;)
Сейчас мне удается создавать цвета интуитивно (с некоторыми пробами и ошибками, конечно), много практиковав их. Воспроизведение / использование цветовых микшеров (например, с красными / зелеными / синими ползунками) помогает понять отношения. Теперь я знаю, что FFFF00 - желтый, FF00FF - пурпурный, 00FFFF - голубой, плюс, конечно же, основные цвета, а все остальные цвета находятся между ними.