2012-01-17 15 views
0

Здравствуйте, я хочу создать некоторые случайные цвета на основе шестицветной палитры, которые у меня уже есть.Алгоритм цветовой палитры с холстом - HTML 5

Идея создания списка, и каждый элемент имеет другой цвет, если в списке содержится более 6 элементов, 7-й цвет будет основан на 1-м списке, восьмой будет основан на 2-м и так далее но новый цвет будет немного другим, может быть, он будет светлее или темнее.

Моя палитра состоит в следующем:

  • Цвет 1 (зеленый):
    Hex: # acff68
    RGB: (172, 255, 194)

  • Цвет 2 (синий):
    Hex: # 8db9f5
    RGB: (141, 185, 245)

  • Цвет 3 (красный) :
    Hex: # e45050
    RGB: (228, 80, 80)

  • Цвет 4 (желтый):
    Hex: # f5f069
    RGB: (245, 240, 105)

  • Цвет 5 (коричневый):
    Hex: # cec192
    RGB: (206, 193, 146)

  • Цвет 6 (розовый):
    Hex: # f59494
    RGB: (245, 148, 148)

Заранее спасибо :)

ответ

0

Вы можете переключаться между RGB и HSV (Hue, Saturation, Brightness).
После того, как вы получите HSV от RGB, вы можете настроить его яркость и преобразовать ее в значение RGB снова.

проверка этой вики: http://en.wikipedia.org/wiki/HSL_and_HSV

+0

приятно :) Попробую что – victorhqc

+0

@victorhqc и не забудьте проверить этот ответ, если это поможет вам :) – Sang

+0

Он сделал! спасибо;), но я не могу проверить ответ, не хватает репутации :(Я все еще работаю в сгенерированных цветах. Я использовал HSL-модель вместо HSV. Я нашел эту функцию javascript rgb-hsl-hsv, которая также помогла http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript – victorhqc

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