2013-10-02 3 views
2

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

Ex: (255,51,153) = розовый

Есть ли любая хорошая формула, чтобы получить различные цвета путем изменения одной переменной? , таких как (10x, 22x, 2x^2). Поэтому, когда x = 1,2,3,4, ... Это даст отдельные цвета, такие как красный, зеленый, голубой, синий ..... и т. Д.

+1

Как вы определяете "отдельные цвета"? Каждое значение RGB представляет собой отдельный цвет - у нас просто нет разных имен для каждого из них. – mbeckish

ответ

2

Возможно, вы были бы более заинтересованы в использовании HSL/HSV цвета , Определите насыщенность и легкость и отрегулируйте оттенок, чтобы получить разные цвета. Зайдите в HSL and HSV wiki, чтобы узнать больше. Регулировка оттенка от 15 до 30 градусов приведет к совершенно разному цвету, не спускаясь с насыщенностью или легкостью.

Примером hsl в CSS является следующее.

<h1 style="color:hsl(0,50%,100%);">HSL Test</h1> //this will be red 

Первое значение в 0 красном и вперед на 120 градусов приведет вас к зеленому и еще 120 приведет вас к синему и последний 120 вернет вас в красный цвет, так как система образования основана на 360 градусов круга. Таким образом, 0 и 360 равны 60 & 420. Следующие два значения составляют процент от 0% до 100%, чтобы определить интенсивность этого свойства. Их трудно объяснить, поэтому я быстро сделал fiddle that demonstrates this.

Итак, чтобы ответить на ваш вопрос, есть хорошая формула для регулировки цвета, это зависит от того, как именно вы хотите его изменить. В мире RGB вы можете сделать вещи темнее, понижая значения равномерно и наоборот, увеличивая их. Вы можете увеличить различные цветовые присутствия, настроив отдельные значения цвета, как ожидалось. Однако, если вы пытаетесь перевернуть все цветовое колесо, это сложно (although entirely possible) с использованием значений RGB. Настоящий урок, который нужно убрать, состоит в том, что существует несколько способов определить конкретный цвет и каждый из них - разные способы прохождения спектра. HSL и HSLA очень интуитивно понятны для многих людей, так как его ценности действительно не нужно угадывать. Выберите определенный оттенок цветового круга, запомните ROYGBIV, как вы представляете себе значение от 0-359. Определите насыщенность, основанную на том, насколько смелым вы хотите, чтобы цвет был, а затем легкость на основе того, насколько ярким. Это гораздо более полезно, чем RGB в большинстве случаев, как вы увидите в этой скрипке. Создание подмножества всего цветового спектра с помощью javascript занимает всего несколько строк кода.

+0

благодарит за информацию. многому научился. – user2835684

+0

Вы очень желанны, когда я узнал о HSL и HSLA (<= это с прозрачностью), это взорвало мой разум, и теперь я использую его постоянно! Он отлично подходит для всего, кроме быстрого короткого цвета, такого как белый или черный, и унаследованной поддержки браузера. Есть способы обойти это, хотя и не слишком беспокоиться. – rfoo

1

Существует аналогичный вопрос here

Это библиотеку JavaScript может помочь вам Назовите цвет Javascript Lib

Demo библиотеки

+0

спасибо за ссылки – user2835684

Смежные вопросы