Colour Tool

Accent / Opposite Pairs

Shortlist
Spectrum
Hue rotation
Analogous lightened
Lightened
Custom Ramps
Wildcards
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
0255075100134.57102101234567891011121314151617181920212223
Lightness
Saturation
Hue shift
Contrast
right axis: contrast :1
Inverse 25
h∗=clamp⁡(25−h,  7,  21)h^* = \operatorname{clamp}(25 - h,\; 7,\; 21)
(Ho,Lo,So)=spectrum⁡(h∗)(H_o, L_o, S_o) = \operatorname{spectrum}(h^*)

The default reference inversion. At 7am maps to 6pm (the blue); at noon maps to 1pm. The full inversion window 7–21 is active with some clamping at extremes. No lightness correction — contrast varies with the natural brightness of each spectrum colour.

00:00
2.0:1
Button
01:00
2.0:1
Button
02:00
2.0:1
Button
03:00
2.0:1
Button
04:00
2.0:1
Button
05:00
2.7:1
Button
06:00
3.9:1
Button
07:00
5.4:1
Button
08:00
5.0:1
Button
09:00
4.9:1
Button
10:00
5.1:1
Button
11:00
5.7:1
Button
12:00
5.2:1
Button
13:00
5.0:1
Button
14:00
4.8:1
Button
15:00
4.8:1
Button
16:00
4.9:1
Button
17:00
5.0:1
Button
18:00
5.0:1
Button
19:00
5.1:1
Button
20:00
5.1:1
Button
21:00
5.1:1
Button
22:00
5.1:1
Button
23:00
5.1:1
Button
Current values
0:00 accent#3730a3 opposite#3730a3
1:00 accent#523191 opposite#3730a3
2:00 accent#6d3280 opposite#3730a3
3:00 accent#88336e opposite#3730a3
4:00 accent#a3335d opposite#3730a3
5:00 accent#be344b opposite#384bbf
6:00 accent#d9353a opposite#3a67da
7:00 accent#f43628 opposite#3b82f6
8:00 accent#f2332d opposite#6373f4
9:00 accent#f03032 opposite#8a64f3
10:00 accent#ee2d37 opposite#b255f1
11:00 accent#e93365 opposite#d946ef
12:00 accent#e43a93 opposite#de40c1
13:00 accent#de40c1 opposite#e43a93
14:00 accent#d946ef opposite#e93365
15:00 accent#b255f1 opposite#ee2d37
16:00 accent#8a64f3 opposite#f03032
17:00 accent#6373f4 opposite#f2332d
18:00 accent#3b82f6 opposite#f43628
19:00 accent#3a67da opposite#f43628
20:00 accent#384bbf opposite#f43628
21:00 accent#3730a3 opposite#f43628
22:00 accent#3730a3 opposite#f43628
23:00 accent#3730a3 opposite#f43628