CSS Tutorial

CSS Basic

Introduction Syntax Selectors How To Comments Colors Backgrounds Borders Margins Padding Comments Colors Height/Width Box Model Outline Text Fonts Icons Links Lists & Tables Max-width Position Z-index Navigation Bar Dropdowns Forms

CSS Advanced

Rounded Corners Border Images Backgrounds Colors Gradients Shadows 2D Transforms 3D Transforms Transitions Animations Flexbox

CSS Responsive

Intro & Viewport Grid View Media Queries Images & Videos Frameworks

CSS Grid

Intro Grid Container Grid Item

CSS Examples

Examples

HTML CSS JavaScript

CSS Colors

Previous Next

CSS supports 140+ color names, HEX values, RGB values, RGBA values, HSL values, HSLA values, and opacity.

RGBA Colors

RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity for a color.

An RGBA color value is specified with: rgba(red, green, blue, alpha). The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

rgba(255, 0, 0, 0.2);

rgba(255, 0, 0, 0.4);

rgba(255, 0, 0, 0.6);

rgba(255, 0, 0, 0.8);

The following example defines different RGBA colors:

⠀

Feedback

⠀

DevCrib is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using DevCrib, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 2022 by Michael Okwuosah. All Rights Reserved.