CSS Tutorial

The language for styling web pages.

Chapter Quiz Exercises
Course Topics
CSS Introduction CSS Syntax CSS Selectors CSS Colors CSS Backgrounds CSS Borders CSS Margins CSS Padding CSS Box Model CSS Text CSS Fonts CSS Display CSS Position CSS Flexbox CSS Grid CSS Transitions CSS Animations CSS Media Queries CSS Variables CSS Gradients CSS Shadows CSS 2D Transforms CSS 3D Transforms CSS Pseudo-classes CSS Pseudo-elements CSS Float CSS Overflow CSS Z-index CSS Opacity CSS Buttons

CSS Colors

CSS Colors

Colors in CSS can be specified in many formats. You can set colors for text, backgrounds, borders, and more.

Color Formats:

  • Name: red, blue, tomato, coral
  • HEX: #1572B6
  • RGB: rgb(21, 114, 182)
  • RGBA: rgba(21, 114, 182, 0.5)
  • HSL: hsl(207, 79%, 40%)
  • HSLA: hsla(207, 79%, 40%, 0.5)

Try It Yourself

Edit the code below and click Run to see the result live.

Source Code
Result
Topics
CSS Introduction CSS Syntax CSS Selectors CSS Colors CSS Backgrounds CSS Borders CSS Margins CSS Padding CSS Box Model CSS Text CSS Fonts CSS Display CSS Position CSS Flexbox CSS Grid CSS Transitions CSS Animations CSS Media Queries CSS Variables CSS Gradients CSS Shadows CSS 2D Transforms CSS 3D Transforms CSS Pseudo-classes CSS Pseudo-elements CSS Float CSS Overflow CSS Z-index CSS Opacity CSS Buttons