RGB Color Codes
Explore RGB values with a live color picker, format-aware previews, conversion rows, and contrast guidance.
Fine-tune your color
Drag the field, adjust hue and alpha, or paste any supported format.
#ffffff
| Element | AA | AAA |
|---|---|---|
| Small text | Pass | Fail |
| Large text | Pass | — |
| UI elements / graphics | Pass | N/A |
RGB
Red, green, and blue channel values.
RGB is a practical format for screen-based color work. It is common in CSS, graphics, APIs, and design systems because it maps directly to display channels.
Best for CSS, UI work, and pixel-based systems.
Color Conversion
Same color in multiple code formats.
Export formats
Ready-to-copy snippets for developers, apps, frameworks, and design systems.
| Swatch | Format | Snippet |
|---|---|---|
|
CSS variable
|
||
|
JSON token
|
||
|
Tailwind config
|
||
|
SCSS variable
|
| Swatch | Format | Snippet |
|---|---|---|
|
JavaScript
|
||
|
TypeScript
|
||
|
Inline style
|
||
|
CSS class
|
| Swatch | Format | Snippet |
|---|---|---|
|
Android XML
|
||
|
SwiftUI
|
||
|
Swift UIColor
|
||
|
Kotlin
|
||
|
Flutter
|
||
|
React Native
|
| Swatch | Format | Snippet |
|---|---|---|
|
SVG fill
|
||
|
SVG stroke
|
Color Variations
tint / shadeSupported format references
Compare the supported formats and move between them without losing the same color context.