Color Page
This page lets you test overlapping color mixing with opacity support.
JavaScript must be enabled.
This has been tested in Google Chrome, Mozilla Firefox, Internet Explorer, Opera, and Safari.
This page requires support for
background-blend-mode
and
mix-blend-mode
for full functionality. You can check if your browser is compatible
here
.
RGB Slider
RGB Text Box
HSL Text Box
Front color
H:
S:
L:
A:
Back color
H:
S:
L:
A:
BG color
H:
S:
L:
A:
Mixing
normal
multiply
screen
overlay
darken
lighten
color-dodge
color-burn
hard-light
soft-light
difference
exclusion
hue
saturation
color
luminosity
Back Square
Front Square