abc-notepedia

# Color

# Color Names (opens new window)

CSS has some predefined names for colors, e.g. red, blue, orange or tomato.

# Hex Color (opens new window)

Hex Colors Hex colors follow the pattern: #rrggbb (red, green, blue)

# RGB Color (opens new window)

Here, colors are defined as: rgb(r, g, b) (red, green, blue)

# RGBA Colors (opens new window)

Additionally alpha-Value.(opacity) rgba(red, green, blue, alpha) The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (not transparent at all):

# HSL Colors (opens new window)

They follow the pattern: hsl(h, s%, l%) (hue, saturation, lightness)

Hue is a number between 0 and 360 (degrees on the color wheel). Saturation and lightness are a percentage (between 0 and 100).

very close to how computers represent colors internally.

also: color: hsla(34, 100%, 50%, 0.1);

# Some Color Codes

some color codes:
red #ff0000
green #00ff00
blue #0000ff
Black #000000 or #000
White #FFFFFF or #FFF
Aqua #00FFFF or #0FF
transparent quivalent to rgba(0, 0, 0, 0).

# Gradients

← Units →