#9c9711
RGB ( 赤 = 156, 緑 = 151, 青 = 17 )
HSL ( 色相 = 58°, 彩度 = 80%, 明度 = 34% )
H : 色相 ( 58° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #9c2411 : -50
18 : #9c3b11 : -40
28 : #9c5211 : -30
38 : #9c6911 : -20
48 : #9c8011 : -10
58 : #9c9711 : ±0
68 : #8a9c11 : +10
78 : #729c11 : +20
88 : #5b9c11 : +30
98 : #449c11 : +40
108 : #2d9c11 : +50
118 : #169c11 : +60
128 : #119c24 : +70
138 : #119c3b : +80
148 : #119c52 : +90
158 : #119c69 : +100
168 : #119c80 : +110
178 : #119c97 : +120
188 : #118a9c : +130
198 : #11729c : +140
208 : #115b9c : +150
218 : #11449c : +160
228 : #112d9c : +170
238 : #11169c : +180
248 : #24119c : +190
258 : #3b119c : +200
268 : #52119c : +210
278 : #69119c : +220
288 : #80119c : +230
298 : #97119c : +240
308 : #9c118a : +250
318 : #9c1172 : +260
328 : #9c115b : +270
338 : #9c1144 : +280
348 : #9c112d : +290
358 : #9c1116 : +300
48 : #9c8011 : -10
49 : #9c8311 : -9
50 : #9c8511 : -8
51 : #9c8711 : -7
52 : #9c8a11 : -6
53 : #9c8c11 : -5
54 : #9c8e11 : -4
55 : #9c9111 : -3
56 : #9c9311 : -2
57 : #9c9511 : -1
58 : #9c9711 : ±0
59 : #9c9a11 : +1
60 : #9c9c11 : +2
61 : #9a9c11 : +3
62 : #979c11 : +4
63 : #959c11 : +5
64 : #939c11 : +6
65 : #919c11 : +7
66 : #8e9c11 : +8
67 : #8c9c11 : +9
68 : #8a9c11 : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -80
2 : #585855 : -78
4 : #5a5a53 : -76
6 : #5c5c51 : -74
8 : #5e5d50 : -72
10 : #5f5f4e : -70
12 : #61604c : -68
14 : #63624b : -66
16 : #656449 : -64
18 : #666547 : -62
20 : #686745 : -60
22 : #6a6944 : -58
24 : #6c6a42 : -56
26 : #6d6c40 : -54
28 : #6f6d3e : -52
30 : #716f3d : -50
32 : #72713b : -48
34 : #747239 : -46
36 : #767437 : -44
38 : #787536 : -42
40 : #797734 : -40
42 : #7b7932 : -38
44 : #7d7a31 : -36
46 : #7f7c2f : -34
48 : #807e2d : -32
50 : #827f2b : -30
52 : #84812a : -28
54 : #868228 : -26
56 : #878426 : -24
58 : #898624 : -22
60 : #8b8723 : -20
62 : #8c8921 : -18
64 : #8e8a1f : -16
66 : #908c1d : -14
68 : #928e1c : -12
70 : #938f1a : -10
72 : #959118 : -8
74 : #979317 : -6
76 : #999415 : -4
78 : #9a9613 : -2
80 : #9c9711 : ±0
82 : #9e9910 : +2
84 : #a09b0e : +4
86 : #a19c0c : +6
88 : #a39e0a : +8
90 : #a5a009 : +10
92 : #a6a107 : +12
94 : #a8a305 : +14
96 : #aaa403 : +16
98 : #aca602 : +18
100 : #ada800 : +20
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #090901 : -32
4 : #121202 : -30
6 : #1c1b03 : -28
8 : #252404 : -26
10 : #2e2d05 : -24
12 : #373506 : -22
14 : #403e07 : -20
16 : #494708 : -18
18 : #535009 : -16
20 : #5c590a : -14
22 : #65620b : -12
24 : #6e6b0c : -10
26 : #77740d : -8
28 : #817d0e : -6
30 : #8a860f : -4
32 : #938f10 : -2
34 : #9c9711 : ±0
36 : #a5a012 : +2
38 : #aea913 : +4
40 : #b8b214 : +6
42 : #c1bb15 : +8
44 : #cac416 : +10
46 : #d3cd17 : +12
48 : #dcd618 : +14
50 : #e6df1a : +16
52 : #e7e023 : +18
54 : #e8e12c : +20
56 : #e9e335 : +22
58 : #eae43e : +24
60 : #ebe547 : +26
62 : #ece651 : +28
64 : #ede85a : +30
66 : #eee963 : +32
68 : #efea6c : +34
70 : #f0ec75 : +36
72 : #f1ed7e : +38
74 : #f2ee88 : +40
76 : #f3ef91 : +42
78 : #f4f19a : +44
80 : #f5f2a3 : +46
82 : #f6f3ac : +48
84 : #f7f5b6 : +50
86 : #f8f6bf : +52
88 : #f9f7c8 : +54
90 : #faf9d1 : +56
92 : #fbfada : +58
94 : #fcfbe3 : +60
96 : #fdfced : +62
98 : #fefef6 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow