#5f7c61
RGB ( 赤 = 95, 緑 = 124, 青 = 97 )
HSL ( 色相 = 124°, 彩度 = 13%, 明度 = 43% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #7c615f : -120
14 : #7c665f : -110
24 : #7c6b5f : -100
34 : #7c705f : -90
44 : #7c745f : -80
54 : #7c795f : -70
64 : #7a7c5f : -60
74 : #757c5f : -50
84 : #717c5f : -40
94 : #6c7c5f : -30
104 : #677c5f : -20
114 : #627c5f : -10
124 : #5f7c61 : ±0
134 : #5f7c66 : +10
144 : #5f7c6b : +20
154 : #5f7c70 : +30
164 : #5f7c74 : +40
174 : #5f7c79 : +50
184 : #5f7a7c : +60
194 : #5f757c : +70
204 : #5f717c : +80
214 : #5f6c7c : +90
224 : #5f677c : +100
234 : #5f627c : +110
244 : #615f7c : +120
254 : #665f7c : +130
264 : #6b5f7c : +140
274 : #705f7c : +150
284 : #745f7c : +160
294 : #795f7c : +170
304 : #7c5f7a : +180
314 : #7c5f75 : +190
324 : #7c5f71 : +200
334 : #7c5f6c : +210
344 : #7c5f67 : +220
354 : #7c5f62 : +230
114 : #627c5f : -10
115 : #627c5f : -9
116 : #617c5f : -8
117 : #617c5f : -7
118 : #607c5f : -6
119 : #607c5f : -5
120 : #5f7c5f : -4
121 : #5f7c60 : -3
122 : #5f7c60 : -2
123 : #5f7c61 : -1
124 : #5f7c61 : ±0
125 : #5f7c62 : +1
126 : #5f7c62 : +2
127 : #5f7c63 : +3
128 : #5f7c63 : +4
129 : #5f7c64 : +5
130 : #5f7c64 : +6
131 : #5f7c65 : +7
132 : #5f7c65 : +8
133 : #5f7c66 : +9
134 : #5f7c66 : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6d6f6d : -12
3 : #6a716b : -10
5 : #687369 : -8
7 : #667567 : -6
9 : #647865 : -4
11 : #627a63 : -2
13 : #5f7c61 : ±0
15 : #5d7e5f : +2
17 : #5b805d : +4
19 : #59825c : +6
21 : #57855a : +8
23 : #548758 : +10
25 : #528956 : +12
27 : #508b54 : +14
29 : #4e8d52 : +16
31 : #4c9050 : +18
33 : #49924e : +20
35 : #47944c : +22
37 : #45964a : +24
39 : #439849 : +26
41 : #419b47 : +28
43 : #3f9d45 : +30
45 : #3c9f43 : +32
47 : #3aa141 : +34
49 : #38a33f : +36
51 : #36a63d : +38
53 : #34a83b : +40
55 : #31aa39 : +42
57 : #2fac37 : +44
59 : #2dae36 : +46
61 : #2bb134 : +48
63 : #29b332 : +50
65 : #26b530 : +52
67 : #24b72e : +54
69 : #22b92c : +56
71 : #20bc2a : +58
73 : #1ebe28 : +60
75 : #1bc026 : +62
77 : #19c224 : +64
79 : #17c423 : +66
81 : #15c621 : +68
83 : #13c91f : +70
85 : #10cb1d : +72
87 : #0ecd1b : +74
89 : #0ccf19 : +76
91 : #0ad117 : +78
93 : #08d415 : +80
95 : #05d613 : +82
97 : #03d811 : +84
99 : #01da10 : +86
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -42
3 : #070907 : -40
5 : #0b0e0b : -38
7 : #101410 : -36
9 : #141a14 : -34
11 : #182019 : -32
13 : #1d251d : -30
15 : #212b22 : -28
17 : #263126 : -26
19 : #2a372b : -24
21 : #2f3d30 : -22
23 : #334234 : -20
25 : #374839 : -18
27 : #3c4e3d : -16
29 : #405442 : -14
31 : #455946 : -12
33 : #495f4b : -10
35 : #4e654f : -8
37 : #526b54 : -6
39 : #577058 : -4
41 : #5b765d : -2
43 : #5f7c61 : ±0
45 : #648266 : +2
47 : #68876a : +4
49 : #6d8d6f : +6
51 : #729274 : +8
53 : #78977a : +10
55 : #7d9b7f : +12
57 : #83a085 : +14
59 : #89a48b : +16
61 : #8fa890 : +18
63 : #94ad96 : +20
65 : #9ab19c : +22
67 : #a0b6a1 : +24
69 : #a6baa7 : +26
71 : #abbfad : +28
73 : #b1c3b2 : +30
75 : #b7c8b8 : +32
77 : #bdccbe : +34
79 : #c2d0c3 : +36
81 : #c8d5c9 : +38
83 : #ced9cf : +40
85 : #d4ded4 : +42
87 : #dae2da : +44
89 : #dfe7e0 : +46
91 : #e5ebe5 : +48
93 : #ebefeb : +50
95 : #f1f4f1 : +52
97 : #f6f8f6 : +54
99 : #fcfdfc : +56
CSS入門、作ってます。
text-shadow