#5f9556
RGB ( 赤 = 95, 緑 = 149, 青 = 86 )
HSL ( 色相 = 111°, 彩度 = 27%, 明度 = 46% )
H : 色相 ( 111° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #955756 : -110
11 : #956156 : -100
21 : #956c56 : -90
31 : #957656 : -80
41 : #958156 : -70
51 : #958b56 : -60
61 : #949556 : -50
71 : #899556 : -40
81 : #7f9556 : -30
91 : #749556 : -20
101 : #6a9556 : -10
111 : #5f9556 : ±0
121 : #569557 : +10
131 : #569561 : +20
141 : #56956c : +30
151 : #569576 : +40
161 : #569581 : +50
171 : #56958b : +60
181 : #569495 : +70
191 : #568995 : +80
201 : #567f95 : +90
211 : #567495 : +100
221 : #566a95 : +110
231 : #565f95 : +120
241 : #575695 : +130
251 : #615695 : +140
261 : #6c5695 : +150
271 : #765695 : +160
281 : #815695 : +170
291 : #8b5695 : +180
301 : #955694 : +190
311 : #955689 : +200
321 : #95567f : +210
331 : #955674 : +220
341 : #95566a : +230
351 : #95565f : +240
101 : #6a9556 : -10
102 : #699556 : -9
103 : #689556 : -8
104 : #679556 : -7
105 : #659556 : -6
106 : #649556 : -5
107 : #639556 : -4
108 : #629556 : -3
109 : #619556 : -2
110 : #609556 : -1
111 : #5f9556 : ±0
112 : #5e9556 : +1
113 : #5d9556 : +2
114 : #5c9556 : +3
115 : #5b9556 : +4
116 : #5a9556 : +5
117 : #599556 : +6
118 : #589556 : +7
119 : #579556 : +8
120 : #569556 : +9
121 : #569557 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747674 : -26
3 : #737972 : -24
5 : #717b6f : -22
7 : #707e6d : -20
9 : #6e806b : -18
11 : #6c8268 : -16
13 : #6b8566 : -14
15 : #698764 : -12
17 : #678961 : -10
19 : #668c5f : -8
21 : #648e5d : -6
23 : #62905a : -4
25 : #619358 : -2
27 : #5f9556 : ±0
29 : #5d9753 : +2
31 : #5c9a51 : +4
33 : #5a9c4f : +6
35 : #599e4c : +8
37 : #57a14a : +10
39 : #55a348 : +12
41 : #54a545 : +14
43 : #52a843 : +16
45 : #50aa41 : +18
47 : #4fac3e : +20
49 : #4daf3c : +22
51 : #4bb139 : +24
53 : #4ab337 : +26
55 : #48b635 : +28
57 : #46b832 : +30
59 : #45bb30 : +32
61 : #43bd2e : +34
63 : #42bf2b : +36
65 : #40c229 : +38
67 : #3ec427 : +40
69 : #3dc624 : +42
71 : #3bc922 : +44
73 : #39cb20 : +46
75 : #38cd1d : +48
77 : #36d01b : +50
79 : #34d219 : +52
81 : #33d416 : +54
83 : #31d714 : +56
85 : #30d912 : +58
87 : #2edb0f : +60
89 : #2cde0d : +62
91 : #2be00b : +64
93 : #29e208 : +66
95 : #27e506 : +68
97 : #26e704 : +70
99 : #24e901 : +72
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #040604 : -44
4 : #080d07 : -42
6 : #0c130b : -40
8 : #111a0f : -38
10 : #152013 : -36
12 : #192716 : -34
14 : #1d2d1a : -32
16 : #21341e : -30
18 : #253a22 : -28
20 : #294125 : -26
22 : #2d4729 : -24
24 : #324e2d : -22
26 : #365430 : -20
28 : #3a5b34 : -18
30 : #3e6138 : -16
32 : #42683c : -14
34 : #466e3f : -12
36 : #4a7543 : -10
38 : #4f7b47 : -8
40 : #53824a : -6
42 : #57884e : -4
44 : #5b8e52 : -2
46 : #5f9556 : ±0
48 : #639b59 : +2
50 : #67a25d : +4
52 : #6da664 : +6
54 : #74a96a : +8
56 : #7aad71 : +10
58 : #80b177 : +12
60 : #86b57d : +14
62 : #8cb884 : +16
64 : #92bc8a : +18
66 : #98c091 : +20
68 : #9ec397 : +22
70 : #a4c79e : +24
72 : #aacba4 : +26
74 : #b0cfab : +28
76 : #b6d2b1 : +30
78 : #bcd6b8 : +32
80 : #c2dabe : +34
82 : #c8ddc5 : +36
84 : #cee1cb : +38
86 : #d5e5d2 : +40
88 : #dbe9d8 : +42
90 : #e1ecdf : +44
92 : #e7f0e5 : +46
94 : #edf4ec : +48
96 : #f3f8f2 : +50
98 : #f9fbf9 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow