Задать вопрос
@Artem0071
Безработный mr. Junior
javascript

Как сделать hex to rgba градиент?

Есть цвет rgb: this.getColor // например #ffffff

Как сделать так, чтобы из него получился градиент слева направо, с начального цвета, до полупразрачного?

Сделал так:
'linear-gradient(to right, '+this.getColor+' 0%, '+this.getColor+' 70%, '+this.getColor+' 100%)'


Но все равно получается равномерный статичный
(Я понимаю что тут проценты - расстояние)
Как сделать с помощью js полупразрачный?

В общем нашел что-то, но может у кого то будет идея получше
convertHex(hex, opacity){
        hex = hex.replace('#','');
        let r = parseInt(hex.substring(0,2), 16),
            g = parseInt(hex.substring(2,4), 16),
            b = parseInt(hex.substring(4,6), 16);

        return 'rgba('+r+','+g+','+b+','+opacity/100+')';
      }
  • Вопрос задан
  • 563 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
vicodin
@vicodin
Имею некоторый опыт
ну конвертаните хекс в ргб 
//If you write your own code, remember hex color shortcuts (eg., #fff, #000)

function hexToRgbA(hex){
    var c;
    if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){
        c= hex.substring(1).split('');
        if(c.length== 3){
            c= [c[0], c[0], c[1], c[1], c[2], c[2]];
        }
        c= '0x'+c.join('');
        return 'rgba('+[(c>>16)&255, (c>>8)&255, c&255].join(',')+',1)';
    }
    throw new Error('Bad Hex');
}

hexToRgbA('#fbafff')

/*  returned value: (String)
rgba(251,175,255,1)
*/

^ первая ссылка из гугла https://stackoverflow.com/questions/21646738/conve...
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
EreminD
@EreminD
Кое-что умею
копайте в сторону альфа-канала
https://stackoverflow.com/questions/15597167/css3-...
xiper.net/collect/html-and-css-tricks/css-tricks/rgba
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Протестировать виджет на личном сайте
26 апр. 2024, в 18:00
500 руб./за проект
Установить систему Linux
26 апр. 2024, в 17:24
2000 руб./в час
Перенести базу знаний в формат lms (На подобии Obsidium)
26 апр. 2024, в 17:02
35000 руб./за проект
Ещё заказы