Как преобразовать цвет RGBA в #9393922FF?

@Arttt · Регистрация: 03.05.2015

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

как преобразовать запись цвета с прозрачностью RGBA в запись через #?
т.е. сейчас получается два цвета:
#ab07ab00 - 100% не прозрачный
#ab07abFF - полностью прозрачный.
Прозрачность задают 2 последних знака.
Осталось узнать, как с помощью их "поиграть" с прозрачностью - т.е. получить разные варианты полупрозрачности.
спасибо.

@Trukl · 03.05.2015, 21:20

CSS
1
2
3
.mom{
    background-color:rgba(255, 0, 0, 0.3);/* последний параметр прозрачность дробное число от 0 до 1*/
}

@Arttt · 03.05.2015, 21:23 **[ТС]**

мне нужно преобразовать запись 255, 0, 0, 0.3 в вид #хххххххх

@Trukl · 03.05.2015, 21:43

Сообщение от Arttt

мне нужно преобразовать запись 255, 0, 0, 0.3 в вид #хххххххх

Ну не знаю может я за последнии пару лет отстал от жизни.
Но через # пишется шестнадцатеричное значение цвета. И в нём нет места прозрачности. Если тебе надо записать именно в этом формате то пишется так:

CSS
1
2
3
4
.mom{
    background-color:#ab07ab;
    opacity:0.3;
}

никаких восьмизначных #хххххххх я никогда в глаза не видел.

@prudkiy · 03.05.2015, 21:45

скачай программу ColorMania. Она и в жизни поможет не раз и скажет то что тебе нужно

Добавлено через 43 секунды
http://www.softsalad.ru/software/colormania.html

@dj_oni · 03.05.2015, 21:51

Arttt, альфа канал можно задать только в формате RGBA или HSLA а шестнадцатиричное значение это не поддерживает, нужно писать как написал Trukl,

@Arttt · 03.05.2015, 21:59 **[ТС]**

Это можно как то сделать. Проблема в том, что если делать через opacity то, все, что находится над ним, тоже наслудует прозрачность - т.е. текст становится тоже полпупрозрачным - не видимым.

@Trukl · 03.05.2015, 22:18

Сообщение от Arttt

Это можно как то сделать.

Это утверждение? Может приведёшь пример?

Если вопрос. то чем тебя не устраивает запись rgba(255, 0, 0, 0.3); ?

Сообщение от prudkiy

скачай программу ColorMania

Ну и что те говорит твоя программа?

@Arttt · 03.05.2015, 22:38 **[ТС]**

#ab07ab00 - 100% не прозрачный
#ab07abFF - полностью прозрачный

т.е. на примере этих двух записей - это работает!

@dj_oni · 03.05.2015, 22:44

Arttt,
у вас что угодно работает, но только не эти две записи. создайте чистый html и пропишите стиль для body сперва с одним цветом, посмотрите в браузере че вышло, потом с другим и тоже посмотрите. результат будет однаков - браузер просто отправит к лешему ))

переведите Ваш #ab07ab в rgba(171, 7, 171, 0.3) с прозрачностью и не мучайтесь!

@Trukl · 03.05.2015, 22:50

Сообщение от Arttt

т.е. на примере этих двух записей - это работает!

Значит по твоей логике color:#zzzzzz;задаст мне не прозрачный чёрный цвет?

Как преобразовать цвет RGBA в #9393922FF?

@dj_oni · 03.05.2015, 22:56

Trukl, зачот, но может товарищь нарвался на чудный ресурс где написано, что так можно задавать прозрачность.
Arttt, читаем и учимся http://htmlbook.ru/css/value/color

@Fedor92 · 04.05.2015, 00:22

Arttt, #ab07ab - решётка(#) обозначает, принадлежность цвета к палитре HTML Hex, остальные шесть цифр(ab07ab) это шестизначный код цвета в палитре цветов HTML Hex... Прозрачность цвета - это отдельный атрибут и в коде цвета он не передаётся... Теперь к теме, я накидал тут примерчик test2.rar поразмыслите на досуге...

@dj_oni · 04.05.2015, 09:06

Fedor92, без обид, но вот товарищ сейчас воткнет этот код, а что делать юзверам на IE 8 и IE7 ?
там как минимум нужно пихать doctype и фильтр прозрачности для IE, не считая бардака с высотой и шириной блоков. А так решение интересное.

@Jewbacabra · 04.05.2015, 10:26

Не по теме:

Сообщение от dj_oni

что делать юзверам на IE 8 и IE7

Уже наконец-то поменять браузер на более современный. Сколько этих динозавров еще поддерживать?

@Fedor92 · 04.05.2015, 12:14

dj_oni, без обид, если Вы знаете, как задать прозрачность в ie7 и ie8 без использования rgba, hsl или opacity добро пожаловать в секту шаманов...

Ну обо всём остальном локанично уже выразился Jewbacabra

. Уже из логики вопроса понятно, что в теме кроссбраузерностью не пахнет иначе она бы оказалась в разделе дизайна и вопрос стоял: как сделать прозрачный фон?

Я сделал пример, а ТС уже пусть думает, как к нему прикручивать костыли, если воспользуется конечно...

@dj_oni · 04.05.2015, 12:31

Fedor92, в эту секту я не хочу, я всегда старался придерживаться светлой стороны

А насчет "ТС пусть думает" боюсь он об этом думать не будет.
Jewbacabra, браузер для ХРSP3 от мелкософта максимум 8, иногда 7, я понимаю забить болт на IE 5.5 и 6 (хотя сам делаю костыли и для них), но не делать кросс хотя бы для ie8 - это уже совсем неправильно.

@Fedor92 · 04.05.2015, 13:02

Не по теме:

Сообщение от dj_oni

Fedor92, в эту секту я не хочу, я всегда старался придерживаться светлой стороны

Тогда ко мне какие вопросы? Каков вопрос - такой ответ...

Сообщение от dj_oni

А насчет "ТС пусть думает" боюсь он об этом думать не будет

Ну наверно ТС сам решит думать ему или не думать... Он же не овощ... Если сильно приспичит все начинают думать и делать, то чего они никогда раньше не делали...:)

@dj_oni · 04.05.2015, 13:13

Не по теме:

Fedor92, я это к тому говорю, что когда ТС решит все эти проблемы и нагромодит кучу кода, а потом залезеn в IE, то вернется с этими же проблемами, но кода будет больше))

@Fedor92 · 04.05.2015, 13:17

Не по теме:

dj_oni, ладушки тогда предложите свой код, чтобы он не допустил таких ошибок раз уж Вы такой профи и мой код такой корявый... :) Я только вижу, как Вы глумитесь над ТС...

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Киев стоит - украинская песня zorxor 28.01.2026 wfWdiRqdTxc О Господи, Вечный, Ты . . . Я помоги, Бесконечный. . . Я прошу Ты. . . Я погибаю, спаси. . . Я прошу Тебя Вечный. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@Arttt 0 / 0 / 0 Регистрация: 03.05.2015 Сообщений: 43

	Как преобразовать цвет RGBA в #9393922FF? 03.05.2015, 21:01. Показов 3230. Ответов 24 Метки нет (Все метки) как преобразовать запись цвета с прозрачностью RGBA в запись через #? т.е. сейчас получается два цвета: #ab07ab00 - 100% не прозрачный #ab07abFF - полностью прозрачный. Прозрачность задают 2 последних знака. Осталось узнать, как с помощью их "поиграть" с прозрачностью - т.е. получить разные варианты полупрозрачности. спасибо. 0

@Arttt 0 / 0 / 0 Регистрация: 03.05.2015 Сообщений: 43
	03.05.2015, 21:23 [ТС]
	мне нужно преобразовать запись 255, 0, 0, 0.3 в вид #хххххххх 0

@prudkiy 181 / 149 / 55 Регистрация: 21.07.2013 Сообщений: 958
	03.05.2015, 21:45
	скачай программу ColorMania. Она и в жизни поможет не раз и скажет то что тебе нужно Добавлено через 43 секунды http://www.softsalad.ru/software/colormania.html 0

@dj_oni 5 / 5 / 2 Регистрация: 02.10.2013 Сообщений: 147
	03.05.2015, 21:51
	Arttt, альфа канал можно задать только в формате RGBA или HSLA а шестнадцатиричное значение это не поддерживает, нужно писать как написал Trukl, 0

@Arttt 0 / 0 / 0 Регистрация: 03.05.2015 Сообщений: 43
	03.05.2015, 21:59 [ТС]
	Это можно как то сделать. Проблема в том, что если делать через opacity то, все, что находится над ним, тоже наслудует прозрачность - т.е. текст становится тоже полпупрозрачным - не видимым. 0

@Arttt 0 / 0 / 0 Регистрация: 03.05.2015 Сообщений: 43
	03.05.2015, 22:38 [ТС]
	#ab07ab00 - 100% не прозрачный #ab07abFF - полностью прозрачный т.е. на примере этих двух записей - это работает! 0

@dj_oni 5 / 5 / 2 Регистрация: 02.10.2013 Сообщений: 147
	03.05.2015, 22:44
	Arttt, у вас что угодно работает, но только не эти две записи. создайте чистый html и пропишите стиль для body сперва с одним цветом, посмотрите в браузере че вышло, потом с другим и тоже посмотрите. результат будет однаков - браузер просто отправит к лешему )) переведите Ваш #ab07ab в rgba(171, 7, 171, 0.3) с прозрачностью и не мучайтесь! 0

@dj_oni 5 / 5 / 2 Регистрация: 02.10.2013 Сообщений: 147
	03.05.2015, 22:56
	Trukl, зачот, но может товарищь нарвался на чудный ресурс где написано, что так можно задавать прозрачность. Arttt, читаем и учимся http://htmlbook.ru/css/value/color 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	04.05.2015, 00:22
	Arttt, #ab07ab - решётка(#) обозначает, принадлежность цвета к палитре HTML Hex, остальные шесть цифр(ab07ab) это шестизначный код цвета в палитре цветов HTML Hex... Прозрачность цвета - это отдельный атрибут и в коде цвета он не передаётся... Теперь к теме, я накидал тут примерчик test2.rar поразмыслите на досуге... 0

@dj_oni 5 / 5 / 2 Регистрация: 02.10.2013 Сообщений: 147
	04.05.2015, 09:06
	Fedor92, без обид, но вот товарищ сейчас воткнет этот код, а что делать юзверам на IE 8 и IE7 ? там как минимум нужно пихать doctype и фильтр прозрачности для IE, не считая бардака с высотой и шириной блоков. А так решение интересное. 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	04.05.2015, 12:14
	dj_oni, без обид, если Вы знаете, как задать прозрачность в ie7 и ie8 без использования rgba, hsl или opacity добро пожаловать в секту шаманов... Ну обо всём остальном локанично уже выразился Jewbacabra . Уже из логики вопроса понятно, что в теме кроссбраузерностью не пахнет иначе она бы оказалась в разделе дизайна и вопрос стоял: как сделать прозрачный фон? Я сделал пример, а ТС уже пусть думает, как к нему прикручивать костыли, если воспользуется конечно... 0

@dj_oni 5 / 5 / 2 Регистрация: 02.10.2013 Сообщений: 147
	04.05.2015, 12:31
	Fedor92, в эту секту я не хочу, я всегда старался придерживаться светлой стороны А насчет "ТС пусть думает" боюсь он об этом думать не будет. Jewbacabra, браузер для ХРSP3 от мелкософта максимум 8, иногда 7, я понимаю забить болт на IE 5.5 и 6 (хотя сам делаю костыли и для них), но не делать кросс хотя бы для ie8 - это уже совсем неправильно. 0

@dj_oni
	04.05.2015, 13:13
	Не по теме: Fedor92, я это к тому говорю, что когда ТС решит все эти проблемы и нагромодит кучу кода, а потом залезеn в IE, то вернется с этими же проблемами, но кода будет больше)) 0

@Fedor92
	04.05.2015, 13:17
	Не по теме: dj_oni, ладушки тогда предложите свой код, чтобы он не допустил таких ошибок раз уж Вы такой профи и мой код такой корявый... :) Я только вижу, как Вы глумитесь над ТС... 0