Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
Great tip for a quick way of doing one off calculations. ❤
Why in the world would you need a table to convert numbers to hex?
If you are doing a design and working with say 10 elements that all need their opacity fine tuning a table is many times faster than writing (0.8*255).toString(16) then (0.75*255).toString(16) then (0.72*255).toString(16) etc. etc.
Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
If you need a quick manual conversion - you can simply ignore everything what comes after ..
Or you can use:
Math.round(0.30*255).toString(16)// 4d, rounds up for >=.5Math.floor(0.30*255).toString(16)// 4c, rounds downMath.ceil(0.30*255).toString(16)// 4d, rounds up
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Why in the world would you need a table to convert numbers to hex?)
Just open a browser console or type
nodein terminal and type:Great tip for a quick way of doing one off calculations. ❤
If you are doing a design and working with say 10 elements that all need their opacity fine tuning a table is many times faster than writing
(0.8*255).toString(16)then(0.75*255).toString(16)then(0.72*255).toString(16)etc. etc.So tables certainly have their uses. 👍
Not convinced, another round?)
If I'd be fine-tuning 10 elements I'd use a browser color picker 😎
Touché.
It is a good thing I added a "skip this long table" link then so people can get past it 🤣.
Haha, true that :-)
Great tip. But an issue to this approach is fractional values
So I have to be careful when using this technique to setting up dynamic color values in something like generating css using js params.
Rounding up hexadecimal values is a tricky business....
If you need a quick manual conversion - you can simply ignore everything what comes after
..Or you can use: