Color and Alpha Styling

From Decoration and Text Creative Format

Understanding Hex Color values

Colors - UI Styling

Hexadecimal is similar to the decimal system (0 to 9) but instead of having 10 digits to count, hexadecimal has 16 (0 ~ 9, A, B, C, D, E, and F). To make it simple to understand, just imagine A being the next number after 9, which is A = 10. Do the same for the rest of the Hexadecimal letters.

Hexadecimal color range: FFCC8833

  • Red: First two hexadecimal digits of every number (FF000000)

  • Green: Second two hexadecimal digits of every number (00FF0000)

  • Blue: Third two hexadecimal digits of every number (0000FF00)

  • Alpha: Last two hexadecimal digits of every number (000000FF)

Colors - Hexadecimal color range distribution
Type Value
Description

Red

Indicates how much red the image has 00 = No red , FF = Full Red

Green

Indicates how much green the image has 00 = No green , FF = Full Green

Blue

Indicates how much blue the image has 00 = No blue, FF = Full Blue

Alpha

Indicates how opaque the image will be 00 = Transparent, FF = Full Opaque

Just for mere curiosity, RGBA Colors (255, 255, 255, 255) values are the decimal way to display the 00~FF Hexadecimal values. Check more about numerical bases at this website

Color Value Listing

Color Image
Color
RBGA
Hex

Transparent

0,0,0,0

00000000

Blue

0,0,255,255

0000ffff

Red

255,0,0,255

ff0000ff

Lime

0,255,0,255

00ff00ff

Black

0,0,0,255

000000ff

Gray

128,128,128,255

808080ff

Silver

192,192,192,255

c0c0c0ff

White

255,255,255,255

ffffffff

Maroon

128,0,0,255

800000ff

Yellow

255,255,0,255

ffff00ff

Gold

255,215,0,255

ffd700ff

Olive

128,128,0,255

808000ff

Green

0,128,0,255

008000ff

Aqua

0,255,255,255

00ffffff

Teal

0,128,128,255

008080ff

Navy

0,0,128,255

000080ff

Purple

128,0,128,255

800080ff

Fuchsia

255,0,255,255

ff00ffff

Last updated