#5f685e
RGB ( 赤 = 95, 緑 = 104, 青 = 94 )
HSL ( 色相 = 114°, 彩度 = 5%, 明度 = 39% )
H : 色相 ( 114° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #685f5e : -110
14 : #68615e : -100
24 : #68625e : -90
34 : #68645e : -80
44 : #68665e : -70
54 : #68675e : -60
64 : #68685e : -50
74 : #66685e : -40
84 : #64685e : -30
94 : #63685e : -20
104 : #61685e : -10
114 : #5f685e : ±0
124 : #5e685f : +10
134 : #5e6861 : +20
144 : #5e6862 : +30
154 : #5e6864 : +40
164 : #5e6866 : +50
174 : #5e6867 : +60
184 : #5e6868 : +70
194 : #5e6668 : +80
204 : #5e6468 : +90
214 : #5e6368 : +100
224 : #5e6168 : +110
234 : #5e5f68 : +120
244 : #5f5e68 : +130
254 : #615e68 : +140
264 : #625e68 : +150
274 : #645e68 : +160
284 : #665e68 : +170
294 : #675e68 : +180
304 : #685e68 : +190
314 : #685e66 : +200
324 : #685e64 : +210
334 : #685e63 : +220
344 : #685e61 : +230
354 : #685e5f : +240
104 : #61685e : -10
105 : #61685e : -9
106 : #61685e : -8
107 : #61685e : -7
108 : #60685e : -6
109 : #60685e : -5
110 : #60685e : -4
111 : #60685e : -3
112 : #60685e : -2
113 : #60685e : -1
114 : #5f685e : ±0
115 : #5f685e : +1
116 : #5f685e : +2
117 : #5f685e : +3
118 : #5f685e : +4
119 : #5f685e : +5
120 : #5e685e : +6
121 : #5e685f : +7
122 : #5e685f : +8
123 : #5e685f : +9
124 : #5e685f : +10
S : 彩度 ( 5% )
(0%) 渋い ~ 鮮やか (100%)
1 : #636462 : -4
3 : #616660 : -2
5 : #5f685e : ±0
7 : #5e6a5c : +2
9 : #5c6c5a : +4
11 : #5b6e59 : +6
13 : #597057 : +8
15 : #587255 : +10
17 : #567453 : +12
19 : #547651 : +14
21 : #53784f : +16
23 : #517a4d : +18
25 : #507c4b : +20
27 : #4e7e49 : +22
29 : #4c8047 : +24
31 : #4b8245 : +26
33 : #498443 : +28
35 : #488641 : +30
37 : #46883f : +32
39 : #448a3d : +34
41 : #438c3b : +36
43 : #418e39 : +38
45 : #409037 : +40
47 : #3e9235 : +42
49 : #3c9433 : +44
51 : #3b9631 : +46
53 : #39982f : +48
55 : #389a2d : +50
57 : #369c2b : +52
59 : #359e29 : +54
61 : #33a027 : +56
63 : #31a225 : +58
65 : #30a423 : +60
67 : #2ea621 : +62
69 : #2da81f : +64
71 : #2baa1d : +66
73 : #29ac1b : +68
75 : #28ae19 : +70
77 : #26b017 : +72
79 : #25b215 : +74
81 : #23b413 : +76
83 : #21b611 : +78
85 : #20b80f : +80
87 : #1eba0d : +82
89 : #1dbc0b : +84
91 : #1bbe09 : +86
93 : #19c007 : +88
95 : #18c205 : +90
97 : #16c403 : +92
99 : #15c601 : +94
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -38
3 : #070807 : -36
5 : #0c0d0c : -34
7 : #111311 : -32
9 : #161816 : -30
11 : #1b1d1b : -28
13 : #20231f : -26
15 : #252824 : -24
17 : #2a2e29 : -22
19 : #2f332e : -20
21 : #333833 : -18
23 : #383e38 : -16
25 : #3d433d : -14
27 : #424841 : -12
29 : #474e46 : -10
31 : #4c534b : -8
33 : #515850 : -6
35 : #565e55 : -4
37 : #5b635a : -2
39 : #5f685e : ±0
41 : #646e63 : +2
43 : #697368 : +4
45 : #6e786d : +6
47 : #737e72 : +8
49 : #788377 : +10
51 : #7d887c : +12
53 : #828d81 : +14
55 : #889287 : +16
57 : #8d978c : +18
59 : #929c91 : +20
61 : #98a197 : +22
63 : #9da59c : +24
65 : #a2aaa1 : +26
67 : #a7afa7 : +28
69 : #adb4ac : +30
71 : #b2b9b1 : +32
73 : #b7beb7 : +34
75 : #bdc2bc : +36
77 : #c2c7c1 : +38
79 : #c7ccc7 : +40
81 : #cdd1cc : +42
83 : #d2d6d1 : +44
85 : #d7dbd7 : +46
87 : #dde0dc : +48
89 : #e2e4e2 : +50
91 : #e7e9e7 : +52
93 : #eceeec : +54
95 : #f2f3f2 : +56
97 : #f7f8f7 : +58
99 : #fcfdfc : +60
CSS入門、作ってます。
text-shadow