#cc9228
RGB ( 赤 = 204, 緑 = 146, 青 = 40 )
HSL ( 色相 = 39°, 彩度 = 67%, 明度 = 48% )
H : 色相 ( 39° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #cc4128 : -30
19 : #cc5c28 : -20
29 : #cc7828 : -10
39 : #cc9328 : ±0
49 : #ccae28 : +10
59 : #ccca28 : +20
69 : #b4cc28 : +30
79 : #98cc28 : +40
89 : #7dcc28 : +50
99 : #62cc28 : +60
109 : #46cc28 : +70
119 : #2bcc28 : +80
129 : #28cc41 : +90
139 : #28cc5c : +100
149 : #28cc78 : +110
159 : #28cc93 : +120
169 : #28ccae : +130
179 : #28ccca : +140
189 : #28b4cc : +150
199 : #2898cc : +160
209 : #287dcc : +170
219 : #2862cc : +180
229 : #2846cc : +190
239 : #282bcc : +200
249 : #4128cc : +210
259 : #5c28cc : +220
269 : #7828cc : +230
279 : #9328cc : +240
289 : #ae28cc : +250
299 : #ca28cc : +260
309 : #cc28b4 : +270
319 : #cc2898 : +280
329 : #cc287d : +290
339 : #cc2862 : +300
349 : #cc2846 : +310
359 : #cc282b : +320
29 : #cc7828 : -10
30 : #cc7a28 : -9
31 : #cc7d28 : -8
32 : #cc8028 : -7
33 : #cc8328 : -6
34 : #cc8528 : -5
35 : #cc8828 : -4
36 : #cc8b28 : -3
37 : #cc8e28 : -2
38 : #cc9028 : -1
39 : #cc9328 : ±0
40 : #cc9628 : +1
41 : #cc9828 : +2
42 : #cc9b28 : +3
43 : #cc9e28 : +4
44 : #cca128 : +5
45 : #cca328 : +6
46 : #cca628 : +7
47 : #cca928 : +8
48 : #ccac28 : +9
49 : #ccae28 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c7b79 : -66
3 : #7e7c77 : -64
5 : #817c74 : -62
7 : #837d72 : -60
9 : #857e6f : -58
11 : #887e6d : -56
13 : #8a7f6a : -54
15 : #8d8068 : -52
17 : #8f8166 : -50
19 : #928163 : -48
21 : #948261 : -46
23 : #97835e : -44
25 : #99845c : -42
27 : #9b8459 : -40
29 : #9e8557 : -38
31 : #a08654 : -36
33 : #a38752 : -34
35 : #a58750 : -32
37 : #a8884d : -30
39 : #aa894b : -28
41 : #ad8948 : -26
43 : #af8a46 : -24
45 : #b18b43 : -22
47 : #b48c41 : -20
49 : #b68c3e : -18
51 : #b98d3c : -16
53 : #bb8e3a : -14
55 : #be8f37 : -12
57 : #c08f35 : -10
59 : #c39032 : -8
61 : #c59130 : -6
63 : #c8922d : -4
65 : #ca922b : -2
67 : #cc9328 : ±0
69 : #cf9426 : +2
71 : #d19423 : +4
73 : #d49521 : +6
75 : #d6961f : +8
77 : #d9971c : +10
79 : #db971a : +12
81 : #de9817 : +14
83 : #e09915 : +16
85 : #e29a12 : +18
87 : #e59a10 : +20
89 : #e79b0d : +22
91 : #ea9c0b : +24
93 : #ec9d09 : +26
95 : #ef9d06 : +28
97 : #f19e04 : +30
99 : #f49f01 : +32
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #090602 : -46
4 : #110c03 : -44
6 : #1a1205 : -42
8 : #221907 : -40
10 : #2b1f08 : -38
12 : #33250a : -36
14 : #3c2b0c : -34
16 : #44310d : -32
18 : #4d370f : -30
20 : #553d11 : -28
22 : #5e4313 : -26
24 : #664a14 : -24
26 : #6f5016 : -22
28 : #775618 : -20
30 : #805c19 : -18
32 : #88621b : -16
34 : #91681d : -14
36 : #996e1e : -12
38 : #a27420 : -10
40 : #aa7b22 : -8
42 : #b38123 : -6
44 : #bb8725 : -4
46 : #c48d27 : -2
48 : #cc9328 : ±0
50 : #d5992a : +2
52 : #d79d33 : +4
54 : #d8a13b : +6
56 : #daa544 : +8
58 : #dca94c : +10
60 : #ddae55 : +12
62 : #dfb25d : +14
64 : #e1b666 : +16
66 : #e2ba6e : +18
68 : #e4be77 : +20
70 : #e6c27f : +22
72 : #e7c688 : +24
74 : #e9ca90 : +26
76 : #ebce99 : +28
78 : #ecd2a1 : +30
80 : #eed6aa : +32
82 : #f0dab2 : +34
84 : #f2debb : +36
86 : #f3e2c3 : +38
88 : #f5e7cc : +40
90 : #f7ebd4 : +42
92 : #f8efdd : +44
94 : #faf3e5 : +46
96 : #fcf7ee : +48
98 : #fdfbf6 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow