Limorina Color Checker

Input Color

content_copy Copy HEX

HEX

#

R

G

B

H

S

L

OK-L

OK-C

OK-H

OK-L*

OK-A

OK-B

bookmark_add

Save to Palette

image

Export Palette Image

Saved Palette

RGB

rgb(103, 80, 164)

HSL

256°, 34%, 48%

OKLCH

48%, 0.15, 256

CMYK

37, 51, 0, 36

WCAG Accessibility

On White

21.0:1

Lc Score: 106 Pass

On Black

1.0:1

Lc Score: 0 Fail

Best Text Color

Aa Bb Cc 123

UI Prototype Preview

Advanced

Surface Card

Sample Text Heading

Secondary description text

Color Blindness Simulator

Tints, Shades & Tones

Tints

Shades

Tones

Color Harmonies

Color History

Your recently generated colors are automatically saved here.

delete_sweep

Clear History

Custom Contrast Checker

Background

#

Foreground

#

The quick brown fox jumps over the lazy dog.

WCAG Contrast Ratio 21.0:1

APCA Contrast 106

Pass

Image Extractor

Upload an image to extract a color palette from it.

add_photo_alternate

Drag & Drop an image here or click to upload

Picked palettes Balanced

Palette

restart_alt

Upload Another

download

Export Palette

Contrast Matrix

Compare all saved colors against each other.

Smart Palette Generator

Automatically generate harmonious 5-color palettes and lock your favorite colors.

Color Harmony Rule

Complementary

Analogous

Triadic

Tetradic

Monochromatic

Freestyle / Random

auto_awesome

Generate Palette

bookmark_add

Save Palette

CSS Gradient Generator

Type

Linear

Radial

Angle (90°)

Colors

#

content_copy

Copy CSS

background: linear-gradient(90deg, #624E9A, #EADDFF);

MD3 Theme Builder

Your complete Material Design 3 theme generated from the primary color.

Export Hub

Export color data and CSS/SCSS/Android/SwiftUI code templates.

CSS

Tailwind

SCSS

Android

SwiftUI

JSON

Python