2

Допустим, есть красный цвет. Как получить цвет, максимально контрастный для него?

Есть какой-либо алгоритм, который позволяет решить эту задачу?

1
  • Могу предложить куда копать... Цвет в web это красный, зелёный и синий. RGB = ff ff ff= 255 255 255= белый цвет. 00 00 00 = черный цвет. Но с ходу сам не могу придумать алгоритм контрастности. Кстати, есть такая функция в less, можете посмотреть там. 23 июл 2017 в 13:28

1 ответ 1

1

Нашел решение вот в этой статье.

Код на JS:

  getContrastYIQ(hexcolor) {
    var r = parseInt(hexcolor.substr(1,2), 16);
    var g = parseInt(hexcolor.substr(3,2), 16);
    var b = parseInt(hexcolor.substr(5,2), 16);
    var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
    return (yiq >= 128) ? 'black' : 'white';
  }

  getContrastYIQ('#ffffff'); // вернет black

В зависимости от цвета, он вернет либо "black", либо "white" и эти цвета всегда будут контрастны по отношению к тому цвету, который был передан в функцию.

2
  • Т.е. простой перевод в стандартный черно-белый и выбор либо белого, либо черного...
    – Harry
    23 июл 2017 в 14:09
  • @Harry ага. Это, конечно, не "абсолютно" контрастный цвет, но мне этот вариант подошёл даже лучше. 23 июл 2017 в 14:36

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.