Как сложить 2 цвета

@smokehawker · Регистрация: 17.10.2012

Author24 — интернет-сервис помощи студентам

допустим у кнопки есть фон ,как в css при наведении на кнопку сложить фон и дополнительный цвет(прозрачный)? ну допустим rgb(60,154,230) и rgba(0, 0, 0, 0.12) . в результате должен получиться темно синий.

@mrtoxas · 28.04.2017, 13:45

Используя прероцессоры, например, SCSS:

CSS

/* SCSS-Code */
body {
  background-color: mix(rgb(60, 154, 230), rgba(0, 0, 0, 0.12)) /* => rgba(56, 145, 216, 0.56);*/
}

@smokehawker · 28.04.2017, 14:19 **[ТС]**

не то чего я хотел, копка становится более белой, а по идее должна темнеть. возможно нужно наложить цвета а не сложить.

Добавлено через 27 минут
все разобрался, да походит функция

@mrtoxas · 28.04.2017, 15:06

smokehawker, если просто затемнить/осветлить, для этого в scss есть lighten() и darken()

CSS

1
2
3

/* SCSS-Code */
darken( rgb(60,154,230 ), 12% );
lighten( rgb(60,154,230 ), 12% );

@smokehawker 0 / 0 / 8 Регистрация: 17.10.2012 Сообщений: 289
		1
	Как сложить 2 цвета 28.04.2017, 13:40. Показов 3783. Ответов 3 Метки нет (Все метки) допустим у кнопки есть фон ,как в css при наведении на кнопку сложить фон и дополнительный цвет(прозрачный)? ну допустим rgb(60,154,230) и rgba(0, 0, 0, 0.12) . в результате должен получиться темно синий. 0

@smokehawker 0 / 0 / 8 Регистрация: 17.10.2012 Сообщений: 289
	28.04.2017, 14:19 [ТС]	3
	не то чего я хотел, копка становится более белой, а по идее должна темнеть. возможно нужно наложить цвета а не сложить. Добавлено через 27 минут все разобрался, да походит функция 0

	28.04.2017, 15:06

Как сложить 2 цвета

Решение