Color Preview

Tool Guide

Tool Overview

The online color preview tool can quickly preview color text, converting color values into actual color swatches to make colors more intuitive and easier to understand and observe.

The tool does not validate the legality of the color text and supports the following color notations:

Keyword notation: red green blue

Hexadecimal notation: #ff0000 (red) #00ff00 (green) #0000ff (blue)

RGB function notation: rgb(255, 0, 0) (red) rgb(0, 255, 0) (green) rgb(0, 0, 255) (blue)

RGBA function notation: rgba(255, 0, 0, 0.5) (semi-transparent red) rgba(0, 255, 0, 0.5) (semi-transparent green)

HSL function notation: hsl(0, 100%, 50%) (red) hsl(120, 100%, 50%)

HSLA function notation: hsla(0, 100%, 50%, 0.7) (semi-transparent red) hsla(120, 100%, 50%, 0.7) (semi-transparent green)