#caac16
RGB ( 赤 = 202, 緑 = 172, 青 = 22 )
HSL ( 色相 = 50°, 彩度 = 80%, 明度 = 44% )
H : 色相 ( 50° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ca1616 : -50
10 : #ca3416 : -40
20 : #ca5216 : -30
30 : #ca7016 : -20
40 : #ca8e16 : -10
50 : #caac16 : ±0
60 : #caca16 : +10
70 : #acca16 : +20
80 : #8eca16 : +30
90 : #70ca16 : +40
100 : #52ca16 : +50
110 : #34ca16 : +60
120 : #16ca16 : +70
130 : #16ca34 : +80
140 : #16ca52 : +90
150 : #16ca70 : +100
160 : #16ca8e : +110
170 : #16caac : +120
180 : #16caca : +130
190 : #16acca : +140
200 : #168eca : +150
210 : #1670ca : +160
220 : #1652ca : +170
230 : #1634ca : +180
240 : #1616ca : +190
250 : #3416ca : +200
260 : #5216ca : +210
270 : #7016ca : +220
280 : #8e16ca : +230
290 : #ac16ca : +240
300 : #ca16ca : +250
310 : #ca16ac : +260
320 : #ca168e : +270
330 : #ca1670 : +280
340 : #ca1652 : +290
350 : #ca1634 : +300
40 : #ca8e16 : -10
41 : #ca9116 : -9
42 : #ca9416 : -8
43 : #ca9716 : -7
44 : #ca9a16 : -6
45 : #ca9d16 : -5
46 : #caa016 : -4
47 : #caa316 : -3
48 : #caa616 : -2
49 : #caa916 : -1
50 : #caac16 : ±0
51 : #caaf16 : +1
52 : #cab216 : +2
53 : #cab516 : +3
54 : #cab816 : +4
55 : #cabb16 : +5
56 : #cabe16 : +6
57 : #cac116 : +7
58 : #cac416 : +8
59 : #cac716 : +9
60 : #caca16 : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -80
2 : #72726e : -78
4 : #75736c : -76
6 : #777569 : -74
8 : #797667 : -72
10 : #7b7865 : -70
12 : #7e7963 : -68
14 : #807b60 : -66
16 : #827c5e : -64
18 : #847e5c : -62
20 : #877f5a : -60
22 : #898158 : -58
24 : #8b8255 : -56
26 : #8d8453 : -54
28 : #908551 : -52
30 : #92874f : -50
32 : #94884c : -48
34 : #968a4a : -46
36 : #998b48 : -44
38 : #9b8d46 : -42
40 : #9d8e43 : -40
42 : #9f9041 : -38
44 : #a2913f : -36
46 : #a4933d : -34
48 : #a6943a : -32
50 : #a89638 : -30
52 : #ab9736 : -28
54 : #ad9934 : -26
56 : #af9a31 : -24
58 : #b19c2f : -22
60 : #b49d2d : -20
62 : #b69f2b : -18
64 : #b8a028 : -16
66 : #baa226 : -14
68 : #bca324 : -12
70 : #bfa522 : -10
72 : #c1a61f : -8
74 : #c3a81d : -6
76 : #c5a91b : -4
78 : #c8ab19 : -2
80 : #caac16 : ±0
82 : #ccae14 : +2
84 : #ceaf12 : +4
86 : #d1b110 : +6
88 : #d3b20d : +8
90 : #d5b40b : +10
92 : #d7b509 : +12
94 : #dab707 : +14
96 : #dcb804 : +16
98 : #deba02 : +18
100 : #e0bb00 : +20
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #090801 : -42
4 : #121002 : -40
6 : #1c1703 : -38
8 : #251f04 : -36
10 : #2e2705 : -34
12 : #372f06 : -32
14 : #403707 : -30
16 : #493f08 : -28
18 : #534609 : -26
20 : #5c4e0a : -24
22 : #65560b : -22
24 : #6e5e0c : -20
26 : #77660d : -18
28 : #816d0e : -16
30 : #8a750f : -14
32 : #937d10 : -12
34 : #9c8511 : -10
36 : #a58d12 : -8
38 : #ae9513 : -6
40 : #b89c14 : -4
42 : #c1a415 : -2
44 : #caac16 : ±0
46 : #d3b417 : +2
48 : #dcbc18 : +4
50 : #e6c41a : +6
52 : #e7c623 : +8
54 : #e8c82c : +10
56 : #e9cb35 : +12
58 : #eacd3e : +14
60 : #ebcf47 : +16
62 : #ecd251 : +18
64 : #edd45a : +20
66 : #eed763 : +22
68 : #efd96c : +24
70 : #f0db75 : +26
72 : #f1de7e : +28
74 : #f2e088 : +30
76 : #f3e291 : +32
78 : #f4e59a : +34
80 : #f5e7a3 : +36
82 : #f6eaac : +38
84 : #f7ecb6 : +40
86 : #f8eebf : +42
88 : #f9f1c8 : +44
90 : #faf3d1 : +46
92 : #fbf5da : +48
94 : #fcf8e3 : +50
96 : #fdfaed : +52
98 : #fefdf6 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow