Как сделать генератор HEX цветов (не тёмных оттенков)?

Question

[Banan44]

Скажем на сайте фон меняется каждый раз, но когда генерируется черный цвет то происходит трагедия, т.к он вообще неуместен. Вот моя функция:

const randomHEX = () => return Math.floor(Math.random()*16777215).toString(16)

Мне нужно сделать что-то похожее, но без черного цвета (на нём весь контент становится не видно)

Comments

[RAX7]

генерируй цвет в hsl, в нем можно яркость и насыщенность цвета указать, затем можно сконветировать в hex https://css-tricks.com/converting-color-spaces-in-...

[Rerurk]

Что значит не темных? #444 темный?

[Banan44]

Rerurk, #444 #666 нет, а вот #111, #222 да

[Rerurk]

Так генерируйте rnd для rgb

Answer 1

[Антон Антон]

проще делать не в hex: https://jsfiddle.net/8b49cqn5/

Answer 2

[lookfortheroot]

Судя по постановке задачи, строго HEX вам не требуется. Браузеры давно уже поддерживают HSL, можно использовать его напрямую без лишних конвертаций:

let
	h, s, l,
	min_s = 30, max_s = 70,
	min_l = 70, max_l = 100;

h = Math.floor(Math.random() * 360); // 0-360 градусов цвета
s = Math.floor(Math.random() * (max_s - min_s) + min_s); // 30-70% насыщенности
l = Math.floor(Math.random() * (max_l - min_l) + min_l); // 70-100% яркости

document.body.style.backgroundColor = `hsl(${h}, ${s}%, ${l}%)`;