#cc7c19
RGB ( 赤 = 204, 緑 = 124, 青 = 25 )
HSL ( 色相 = 33°, 彩度 = 78%, 明度 = 45% )
H : 色相 ( 33° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #cc2219 : -30
13 : #cc4019 : -20
23 : #cc5e19 : -10
33 : #cc7c19 : ±0
43 : #cc9a19 : +10
53 : #ccb719 : +20
63 : #c3cc19 : +30
73 : #a5cc19 : +40
83 : #88cc19 : +50
93 : #6acc19 : +60
103 : #4ccc19 : +70
113 : #2ecc19 : +80
123 : #19cc22 : +90
133 : #19cc40 : +100
143 : #19cc5e : +110
153 : #19cc7c : +120
163 : #19cc9a : +130
173 : #19ccb7 : +140
183 : #19c3cc : +150
193 : #19a5cc : +160
203 : #1988cc : +170
213 : #196acc : +180
223 : #194ccc : +190
233 : #192ecc : +200
243 : #2219cc : +210
253 : #4019cc : +220
263 : #5e19cc : +230
273 : #7c19cc : +240
283 : #9a19cc : +250
293 : #b719cc : +260
303 : #cc19c3 : +270
313 : #cc19a5 : +280
323 : #cc1988 : +290
333 : #cc196a : +300
343 : #cc194c : +310
353 : #cc192e : +320
23 : #cc5e19 : -10
24 : #cc6119 : -9
25 : #cc6419 : -8
26 : #cc6719 : -7
27 : #cc6a19 : -6
28 : #cc6d19 : -5
29 : #cc7019 : -4
30 : #cc7319 : -3
31 : #cc7619 : -2
32 : #cc7919 : -1
33 : #cc7c19 : ±0
34 : #cc7f19 : +1
35 : #cc8219 : +2
36 : #cc8519 : +3
37 : #cc8819 : +4
38 : #cc8b19 : +5
39 : #cc8e19 : +6
40 : #cc9119 : +7
41 : #cc9419 : +8
42 : #cc9719 : +9
43 : #cc9a19 : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #727272 : -78
2 : #757370 : -76
4 : #77736e : -74
6 : #7a736c : -72
8 : #7c746a : -70
10 : #7e7467 : -68
12 : #817465 : -66
14 : #837463 : -64
16 : #857560 : -62
18 : #87755e : -60
20 : #8a755c : -58
22 : #8c755a : -56
24 : #8e7657 : -54
26 : #917655 : -52
28 : #937653 : -50
30 : #957650 : -48
32 : #97764e : -46
34 : #9a774c : -44
36 : #9c7749 : -42
38 : #9e7747 : -40
40 : #a17745 : -38
42 : #a37843 : -36
44 : #a57840 : -34
46 : #a8783e : -32
48 : #aa783c : -30
50 : #ac7839 : -28
52 : #ae7937 : -26
54 : #b17935 : -24
56 : #b37932 : -22
58 : #b57930 : -20
60 : #b87a2e : -18
62 : #ba7a2c : -16
64 : #bc7a29 : -14
66 : #be7a27 : -12
68 : #c17b25 : -10
70 : #c37b22 : -8
72 : #c57b20 : -6
74 : #c87b1e : -4
76 : #ca7b1c : -2
78 : #cc7c19 : ±0
80 : #cf7c17 : +2
82 : #d17c15 : +4
84 : #d37c12 : +6
86 : #d57d10 : +8
88 : #d87d0e : +10
90 : #da7d0b : +12
92 : #dc7d09 : +14
94 : #df7e07 : +16
96 : #e17e05 : +18
98 : #e37e02 : +20
100 : #e67e00 : +22
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #050301 : -44
3 : #0e0802 : -42
5 : #170e03 : -40
7 : #201304 : -38
9 : #291905 : -36
11 : #321e06 : -34
13 : #3b2407 : -32
15 : #442908 : -30
17 : #4d2f0a : -28
19 : #56340b : -26
21 : #5f3a0c : -24
23 : #683f0d : -22
25 : #71450e : -20
27 : #7b4a0f : -18
29 : #845010 : -16
31 : #8d5511 : -14
33 : #965b13 : -12
35 : #9f6014 : -10
37 : #a86615 : -8
39 : #b16b16 : -6
41 : #ba7117 : -4
43 : #c37618 : -2
45 : #cc7c19 : ±0
47 : #d5811a : +2
49 : #de871b : +4
51 : #e48c21 : +6
53 : #e5902a : +8
55 : #e69533 : +10
57 : #e79a3c : +12
59 : #e89f45 : +14
61 : #e9a34e : +16
63 : #eaa857 : +18
65 : #ebad60 : +20
67 : #ecb169 : +22
69 : #eeb672 : +24
71 : #efbb7b : +26
73 : #f0c084 : +28
75 : #f1c48e : +30
77 : #f2c997 : +32
79 : #f3cea0 : +34
81 : #f4d2a9 : +36
83 : #f5d7b2 : +38
85 : #f7dcbb : +40
87 : #f8e0c4 : +42
89 : #f9e5cd : +44
91 : #faead6 : +46
93 : #fbefdf : +48
95 : #fcf3e8 : +50
97 : #fdf8f1 : +52
99 : #fefdfa : +54
CSS入門、作ってます。
text-shadow