Test1
{{CSScolor|123}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|123456}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|#123}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|#123456}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|abc}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|abcdef}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|#abc}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|#abcdef}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|red}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|green}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|blue}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|yellow}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|indigo}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|fuchsia}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|orange}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|dark slate gray}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|dark-slate-gray}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|darkslategray}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|dark slate grey}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|dark-slate-grey}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|darkslategrey}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|rgb(255, 205, 152)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|rgb(100%, 80%, 60%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|rgba(100%, 80%, 60%, 40%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|rgba(100%, 80%, 60%, 0.4)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|rgb(100% 80% 60%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|rgb(100% 80% 60% / 40%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|rgba(100% 80% 60% / 40%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|hsl(180, 80%, 60%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|hsl(180deg, 80%, 60%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|hsl(3rad, 80%, 60%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|hsl(0.5turn, 80%, 60%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|hsl(calc(pi * 1rad), 80%, 60%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|hwb(180deg, 80%, 60%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|gray(80%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|gray(0.8)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|hwb(180deg, 80%, 60%)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|lab(100%, 0.8, 0.6)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text
Test1
{{CSScolor|lch(80%, 0.6, 180deg)}}
Side by side comparison
{{CSScolor}}{{CSScolor/sandbox}}
text text