더시드위키
최근 변경최근 토론
특수 기능

ㅁㄴㅇㄹ(비교)

보기RAWBlame되돌리기비교
r4 vs r5
11
[[분류:뻘문서]]
2
{{{#!if a='text-align: center; margin: 10px; padding: 5px; border-radius: 8px; color: #fff; font-size: .8em; font-weight: bold;'
3
}}}{{{#!wiki style="@a@ background: linear-gradient(to right, red, lightgreen, blue)"
4
(to right, red, lightgreen, blue)}}}{{{#!wiki style="@a@ background: linear-gradient(to right in hsl, red, lightgreen, blue)"
5
(to right in hsl, red, lightgreen, blue)}}}{{{#!wiki style="@a@ background: linear-gradient(to right in hsl longer hue, red, lightgreen, blue)"
6
(to right in hsl longer hue, red, lightgreen, blue)}}}{{{#!wiki style="@a@ background: linear-gradient(to right in lab, red, lightgreen, blue)"
7
(to right in lab, red, lightgreen, blue)}}}{{{#!wiki style="@a@ background: linear-gradient(to right in lch, red, lightgreen, blue)"
8
(to right in lch, red, lightgreen, blue)}}}{{{#!wiki style="@a@ background: linear-gradient(to right in oklab, red, lightgreen, blue)"
9
(to right in oklab, red, lightgreen, blue)}}}{{{#!wiki style="@a@ background: linear-gradient(to right in oklch, red, lightgreen, blue)"
10
(to right in oklch, red, lightgreen, blue)}}}
2
{{{#!if a='text-align: center; margin: 10px; padding: 5px; border-radius: 8px; color: #fff; font-size: .8em; font-weight: bold; background: linear-gradient(to right'; b=', red, lightgreen, blue)'
3
}}}
4
----
5
## display-p3-linear x?
6
{{{#!wiki style="@a@ @b@"
7
normal}}}
8
* rectangular-color-space
9
{{{#!wiki style="@a@ in srgb @b@"
10
(to right in srgb@b@}}}{{{#!wiki style="@a@ in srgb-linear @b@"
11
(to right in srgb-linear@b@}}}{{{#!wiki style="@a@ in display-p3 @b@"
12
(to right in display-p3@b@}}}{{{#!wiki style="@a@ in a98-rgb @b@"
13
(to right in a98-rgb@b@}}}{{{#!wiki style="@a@ in prophoto-rgb @b@"
14
(to right in prophoto-rgb@b@}}}{{{#!wiki style="@a@ in rec2020 @b@"
15
(to right in rec2020@b@}}}{{{#!wiki style="@a@ in lab @b@"
16
(to right in lab@b@}}}{{{#!wiki style="@a@ in oklab @b@"
17
(to right in oklab@b@}}}
18
----
19
* xyz-space
20
{{{#!wiki style="@a@ in xyz @b@"
21
(to right in xyz@b@}}}{{{#!wiki style="@a@ in xyz-d50 @b@"
22
(to right in xyz-d50@b@}}}{{{#!wiki style="@a@ in xyz-d65 @b@"
23
(to right in xyz-d65@b@}}}
24
----
25
* polar-color-space
26
{{{#!wiki style="@a@ in hsl @b@"
27
(to right in hsl@b@}}}{{{#!wiki style="@a@ in hwb @b@"
28
(to right in hwb@b@}}}{{{#!wiki style="@a@ in lch @b@"
29
(to right in lch@b@}}}{{{#!wiki style="@a@ in oklch @b@"
30
(to right in oklch@b@}}}
31
----
32
* hue-interpolation-method
33
{{{#!wiki style="@a@ in hsl longer hue, red, blue)"
34
in hsl longer hue}}}{{{#!wiki style="@a@ in hsl increasing hue, red, blue)"
35
in hsl increasing hue}}}{{{#!wiki style="@a@ in hsl shorter hue, red, blue)"
36
in hsl shorter hue}}}{{{#!wiki style="@a@ in hsl decreasing hue, red, blue)"
37
in hsl decreasing hue}}}
38
{{{#!wiki style="@a@ in hsl longer hue, red, red)"
39
in hsl longer hue, red, red}}}{{{#!wiki style="@a@ in hsl shorter hue, red, red)"
40
in hsl shorter hue, red, red}}}
1141
12
{{{#!wiki style="@a@ background: linear-gradient(to right in hsl longer hue, red, blue)"
13
in hsl longer hue}}}{{{#!wiki style="@a@ background: linear-gradient(to right in hsl shorter hue, red, blue)"
14
in hsl shorter hue}}}
15
16
{{{#!wiki style="@a@ background: linear-gradient(to right in hsl longer hue, red, red)"
17
in hsl longer hue}}}{{{#!wiki style="@a@ background: linear-gradient(to right in hsl shorter hue, red, red)"
18
in hsl shorter hue}}}
19
42
## https://developer.mozilla.org/ko/docs/Web/CSS/Reference/Values/gradient/linear-gradient
2043
## https://codingapple.com/blog/oklab-oklch-color-space/