Tankar & reflektioner

Arkiverat webb & design

Idag har jag tillbringat dagen med att utveckla ett verktyg som omvandlar ett hexadecimalnummer till rgba-värde. Fick idén eftersom jag allt som oftast behöver göra om ett hexnummer till rgb för att kunna använda alphakanalen till att göra ett objekt genomskinligt.

Det som skiljer detta verktyg från de som finns, är att jag skriver ut hela css-deklarationen för ett rgba-värde. Plus att det är roligare att jobba när verktyget är visuellt tilldragande :)

Exemplet nedan visar den Twitterblå färgen #55ACEE som genom konverteraren omvandlas till R=85 G=172 och B=238. Jag ser sedan till så värdena skrivs ut med kommatecken efter varje 85, 172, 238, och ger alphakanalen värdet 1. Lägger sist till resterande syntax så den slutgiltiga strängen ser ut som följer: rgba(85, 172, 238, 1);

Nu är det bara att kopiera hela deklarationen och använda i sin CSS. Det ända som behöver justeras är alltså det sista värdet som är alpha-värdet, beroende på användningsområde.

Hex to RGB