Back to Home

CSS Colour Extractor

Paste any text containing CSS colour values and see a visual list of all colours found. Supports hex, rgb/rgba, and hsl/hsla formats.

Colours found: 0
No colours detected yet

Examples

Input:

background: #667eea; color: #333; border: 1px solid rgba(0, 0, 0, 0.15);

Result: Three colour swatches shown for #667eea, #333, and rgba(0, 0, 0, 0.15)

Supported formats:

#fff   #cfcfcf   cfcfcf   #aabbccdd   rgb(255, 128, 0)   rgba(0,0,0,0.5)   hsl(200, 50%, 60%)   hsla(120, 100%, 50%, 0.8)

All processing for this is done in your browser; no data is sent to any remote server