Указание цветовых оттенков в CSS: RGB vs RGBA

Question

Мне нужно указать несколько вариантов для черно-белых цветов. Мне дали варианты в процентах от сплошного цвета.

Как не-дизайнер, вопрос, который у меня есть, должен я просто указать их как RGBA, или я должен использовать что-то вроде photoshop, чтобы получить фактическое значение #hex RGB и использовать его.

Причина, по которой я прошу, состоит в том, что некоторые из вариантов имеют очень низкую непрозрачность и естественно будут воспринимать фоновый тон, а не быть истинным сплошным серым.

Answer 1

Если у вас есть цвет фона, отличный от белого, то, как вы говорите, цвет фона будет отображаться там, где ваши цвета RGBA частично прозрачны. Чтобы этого избежать, вам нужно использовать полностью непрозрачные цвета, поэтому вам нужно вычислить эквиваленты rgb.

Для «варианты черно-белых» (то есть оттенки серого), это довольно легко, так как серые оттенки имеют равные R, G и B значения:

100% grey (ie black) = (0, 0, 0) = #000000 
50% grey = (128,128,128) = #808080 
0% grey (white) = (255,255,255) = #FFFFFF 

См here другие примеры.

EDIT:

Если вам нужны оттенки, кроме серого (не совсем ясно из вашего вопроса), то подобный процесс цветов (масштабирование вашего R, G и B значение в направлении 255, как вы приближаетесь белым) , который описан в ответах на предыдущий вопрос: 'Given an RGB value, how do I create a tint (or shade)?'