#5f877a
RGB ( 赤 = 95, 緑 = 135, 青 = 122 )
HSL ( 色相 = 161°, 彩度 = 17%, 明度 = 45% )
H : 色相 ( 161° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #86605f : -160
11 : #86665f : -150
21 : #866d5f : -140
31 : #86735f : -130
41 : #867a5f : -120
51 : #86805f : -110
61 : #86865f : -100
71 : #7f865f : -90
81 : #79865f : -80
91 : #72865f : -70
101 : #6c865f : -60
111 : #65865f : -50
121 : #5f8660 : -40
131 : #5f8666 : -30
141 : #5f866d : -20
151 : #5f8673 : -10
161 : #5f867a : ±0
171 : #5f8680 : +10
181 : #5f8686 : +20
191 : #5f7f86 : +30
201 : #5f7986 : +40
211 : #5f7286 : +50
221 : #5f6c86 : +60
231 : #5f6586 : +70
241 : #605f86 : +80
251 : #665f86 : +90
261 : #6d5f86 : +100
271 : #735f86 : +110
281 : #7a5f86 : +120
291 : #805f86 : +130
301 : #865f86 : +140
311 : #865f7f : +150
321 : #865f79 : +160
331 : #865f72 : +170
341 : #865f6c : +180
351 : #865f65 : +190
151 : #5f8673 : -10
152 : #5f8674 : -9
153 : #5f8675 : -8
154 : #5f8675 : -7
155 : #5f8676 : -6
156 : #5f8677 : -5
157 : #5f8677 : -4
158 : #5f8678 : -3
159 : #5f8679 : -2
160 : #5f8679 : -1
161 : #5f867a : ±0
162 : #5f867b : +1
163 : #5f867b : +2
164 : #5f867c : +3
165 : #5f867d : +4
166 : #5f867d : +5
167 : #5f867e : +6
168 : #5f867e : +7
169 : #5f867f : +8
170 : #5f8680 : +9
171 : #5f8680 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #727473 : -16
3 : #6f7674 : -14
5 : #6d7875 : -12
7 : #6b7b76 : -10
9 : #687d77 : -8
11 : #667f77 : -6
13 : #648278 : -4
15 : #628479 : -2
17 : #5f867a : ±0
19 : #5d897b : +2
21 : #5b8b7c : +4
23 : #588d7c : +6
25 : #568f7d : +8
27 : #54927e : +10
29 : #51947f : +12
31 : #4f9680 : +14
33 : #4d9981 : +16
35 : #4b9b81 : +18
37 : #489d82 : +20
39 : #46a083 : +22
41 : #44a284 : +24
43 : #41a485 : +26
45 : #3fa686 : +28
47 : #3da987 : +30
49 : #3bab87 : +32
51 : #38ad88 : +34
53 : #36b089 : +36
55 : #34b28a : +38
57 : #31b48b : +40
59 : #2fb68c : +42
61 : #2db98c : +44
63 : #2abb8d : +46
65 : #28bd8e : +48
67 : #26c08f : +50
69 : #24c290 : +52
71 : #21c491 : +54
73 : #1fc791 : +56
75 : #1dc992 : +58
77 : #1acb93 : +60
79 : #18cd94 : +62
81 : #16d095 : +64
83 : #14d296 : +66
85 : #11d497 : +68
87 : #0fd797 : +70
89 : #0dd998 : +72
91 : #0adb99 : +74
93 : #08dd9a : +76
95 : #06e09b : +78
97 : #03e29c : +80
99 : #01e49c : +82
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -44
3 : #060908 : -42
5 : #0b0f0e : -40
7 : #0f1513 : -38
9 : #131b18 : -36
11 : #17211e : -34
13 : #1c2723 : -32
15 : #202d29 : -30
17 : #24332e : -28
19 : #283933 : -26
21 : #2c3f39 : -24
23 : #31453e : -22
25 : #354b44 : -20
27 : #395149 : -18
29 : #3d574f : -16
31 : #425c54 : -14
33 : #466259 : -12
35 : #4a685f : -10
37 : #4e6e64 : -8
39 : #53746a : -6
41 : #577a6f : -4
43 : #5b8074 : -2
45 : #5f867a : ±0
47 : #638c7f : +2
49 : #689285 : +4
51 : #6d978a : +6
53 : #739c8f : +8
55 : #79a093 : +10
57 : #7fa498 : +12
59 : #85a89d : +14
61 : #8baca2 : +16
63 : #91b1a7 : +18
65 : #97b5ab : +20
67 : #9db9b0 : +22
69 : #a3bdb5 : +24
71 : #a8c2ba : +26
73 : #aec6be : +28
75 : #b4cac3 : +30
77 : #bacec8 : +32
79 : #c0d3cd : +34
81 : #c6d7d2 : +36
83 : #ccdbd6 : +38
85 : #d2dfdb : +40
87 : #d8e3e0 : +42
89 : #dee8e5 : +44
91 : #e4ece9 : +46
93 : #eaf0ee : +48
95 : #f0f4f3 : +50
97 : #f6f9f8 : +52
99 : #fcfdfd : +54
CSS入門、作ってます。
text-shadow