#5f956c
RGB ( 赤 = 95, 緑 = 149, 青 = 108 )
HSL ( 色相 = 134°, 彩度 = 22%, 明度 = 48% )
H : 色相 ( 134° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #95635f : -130
14 : #956c5f : -120
24 : #95755f : -110
34 : #957e5f : -100
44 : #95875f : -90
54 : #95905f : -80
64 : #92955f : -70
74 : #89955f : -60
84 : #80955f : -50
94 : #77955f : -40
104 : #6e955f : -30
114 : #65955f : -20
124 : #5f9563 : -10
134 : #5f956c : ±0
144 : #5f9575 : +10
154 : #5f957e : +20
164 : #5f9587 : +30
174 : #5f9590 : +40
184 : #5f9295 : +50
194 : #5f8995 : +60
204 : #5f8095 : +70
214 : #5f7795 : +80
224 : #5f6e95 : +90
234 : #5f6595 : +100
244 : #635f95 : +110
254 : #6c5f95 : +120
264 : #755f95 : +130
274 : #7e5f95 : +140
284 : #875f95 : +150
294 : #905f95 : +160
304 : #955f92 : +170
314 : #955f89 : +180
324 : #955f80 : +190
334 : #955f77 : +200
344 : #955f6e : +210
354 : #955f65 : +220
124 : #5f9563 : -10
125 : #5f9564 : -9
126 : #5f9565 : -8
127 : #5f9566 : -7
128 : #5f9567 : -6
129 : #5f9568 : -5
130 : #5f9568 : -4
131 : #5f9569 : -3
132 : #5f956a : -2
133 : #5f956b : -1
134 : #5f956c : ±0
135 : #5f956d : +1
136 : #5f956e : +2
137 : #5f956f : +3
138 : #5f9570 : +4
139 : #5f9571 : +5
140 : #5f9571 : +6
141 : #5f9572 : +7
142 : #5f9573 : +8
143 : #5f9574 : +9
144 : #5f9575 : +10
S : 彩度 ( 22% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7a7a7a : -22
2 : #787d79 : -20
4 : #767f78 : -18
6 : #738276 : -16
8 : #718475 : -14
10 : #6e8774 : -12
12 : #6c8973 : -10
14 : #698c71 : -8
16 : #678e70 : -6
18 : #64906f : -4
20 : #62936d : -2
22 : #5f956c : ±0
24 : #5d986b : +2
26 : #5b9a69 : +4
28 : #589d68 : +6
30 : #569f67 : +8
32 : #53a266 : +10
34 : #51a464 : +12
36 : #4ea663 : +14
38 : #4ca962 : +16
40 : #49ab60 : +18
42 : #47ae5f : +20
44 : #45b05e : +22
46 : #42b35c : +24
48 : #40b55b : +26
50 : #3db85a : +28
52 : #3bba58 : +30
54 : #38bc57 : +32
56 : #36bf56 : +34
58 : #33c155 : +36
60 : #31c453 : +38
62 : #2fc652 : +40
64 : #2cc951 : +42
66 : #2acb4f : +44
68 : #27ce4e : +46
70 : #25d04d : +48
72 : #22d34b : +50
74 : #20d54a : +52
76 : #1dd749 : +54
78 : #1bda47 : +56
80 : #18dc46 : +58
82 : #16df45 : +60
84 : #14e144 : +62
86 : #11e442 : +64
88 : #0fe641 : +66
90 : #0ce940 : +68
92 : #0aeb3e : +70
94 : #07ed3d : +72
96 : #05f03c : +74
98 : #02f23a : +76
100 : #00f539 : +78
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #040605 : -46
4 : #080c09 : -44
6 : #0c130e : -42
8 : #101912 : -40
10 : #141f17 : -38
12 : #18251b : -36
14 : #1c2c20 : -34
16 : #203224 : -32
18 : #243829 : -30
20 : #283e2d : -28
22 : #2c4432 : -26
24 : #304b36 : -24
26 : #34513b : -22
28 : #38573f : -20
30 : #3c5d44 : -18
32 : #406448 : -16
34 : #446a4d : -14
36 : #487051 : -12
38 : #4c7656 : -10
40 : #507c5a : -8
42 : #54835f : -6
44 : #588963 : -4
46 : #5b8f68 : -2
48 : #5f956c : ±0
50 : #639c71 : +2
52 : #6aa076 : +4
54 : #70a47c : +6
56 : #76a782 : +8
58 : #7cab87 : +10
60 : #83af8d : +12
62 : #89b393 : +14
64 : #8fb798 : +16
66 : #95bb9e : +18
68 : #9bbfa4 : +20
70 : #a2c3aa : +22
72 : #a8c7af : +24
74 : #aecbb5 : +26
76 : #b4cfbb : +28
78 : #bbd3c0 : +30
80 : #c1d7c6 : +32
82 : #c7dbcc : +34
84 : #cddfd1 : +36
86 : #d3e3d7 : +38
88 : #dae7dd : +40
90 : #e0ebe3 : +42
92 : #e6efe8 : +44
94 : #ecf3ee : +46
96 : #f3f7f4 : +48
98 : #f9fbf9 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow