– Flutter provide Color Constructor, you can pass a hex value to it.
const color = const Color(0xffb74093);
– You can also set the color opacity using hex code, below i mentioned the list.
Example: Color(0xffb74093), Color(0xf2b74093), Color(0xe6b74093)
- 100% – FFÂ
- 95% – F2Â
- 90% –Â E6Â
- 85% – D9Â
- 80% – CCÂ
- 75% – BFÂ
- 70% – B3Â
- 65% – A6Â
- 60% – 99Â
- 55% – 8CÂ
- 50% – 80Â
- 45% – 73Â
- 40% – 66Â
- 35% – 59Â
- 30% – 4DÂ
- 25% – 40Â
- 20% – 33Â
- 15% – 26Â
- 10% – 1AÂ
- 5% – 0D
- 0% – 00
– Hex Code is case-insensitive, means 0xFFB74093 is same as 0xffb74093.
– Here is the code with output.
Custom Color Widget.
Now we use this widget by passing a hex value.
Output:
Support On Demand!
