#465262
RGB ( 赤 = 70, 緑 = 82, 青 = 98 )
HSL ( 色相 = 214°, 彩度 = 17%, 明度 = 33% )
H : 色相 ( 214° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #624846 : -210
14 : #624d46 : -200
24 : #625146 : -190
34 : #625646 : -180
44 : #625b46 : -170
54 : #626046 : -160
64 : #616246 : -150
74 : #5c6246 : -140
84 : #576246 : -130
94 : #526246 : -120
104 : #4d6246 : -110
114 : #496246 : -100
124 : #466248 : -90
134 : #46624d : -80
144 : #466251 : -70
154 : #466256 : -60
164 : #46625b : -50
174 : #466260 : -40
184 : #466162 : -30
194 : #465c62 : -20
204 : #465762 : -10
214 : #465262 : ±0
224 : #464d62 : +10
234 : #464962 : +20
244 : #484662 : +30
254 : #4d4662 : +40
264 : #514662 : +50
274 : #564662 : +60
284 : #5b4662 : +70
294 : #604662 : +80
304 : #624661 : +90
314 : #62465c : +100
324 : #624657 : +110
334 : #624652 : +120
344 : #62464d : +130
354 : #624649 : +140
204 : #465762 : -10
205 : #465762 : -9
206 : #465662 : -8
207 : #465662 : -7
208 : #465562 : -6
209 : #465562 : -5
210 : #465462 : -4
211 : #465462 : -3
212 : #465362 : -2
213 : #465362 : -1
214 : #465262 : ±0
215 : #465262 : +1
216 : #465162 : +2
217 : #465162 : +3
218 : #465062 : +4
219 : #465062 : +5
220 : #464f62 : +6
221 : #464f62 : +7
222 : #464e62 : +8
223 : #464e62 : +9
224 : #464d62 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #535455 : -16
3 : #525457 : -14
5 : #505458 : -12
7 : #4e535a : -10
9 : #4d535c : -8
11 : #4b535d : -6
13 : #49535f : -4
15 : #485261 : -2
17 : #465262 : ±0
19 : #445264 : +2
21 : #425266 : +4
23 : #415268 : +6
25 : #3f5169 : +8
27 : #3d516b : +10
29 : #3c516d : +12
31 : #3a516e : +14
33 : #385070 : +16
35 : #375072 : +18
37 : #355073 : +20
39 : #335075 : +22
41 : #325077 : +24
43 : #304f78 : +26
45 : #2e4f7a : +28
47 : #2d4f7c : +30
49 : #2b4f7d : +32
51 : #294e7f : +34
53 : #284e81 : +36
55 : #264e82 : +38
57 : #244e84 : +40
59 : #234e86 : +42
61 : #214d87 : +44
63 : #1f4d89 : +46
65 : #1d4d8b : +48
67 : #1c4d8d : +50
69 : #1a4c8e : +52
71 : #184c90 : +54
73 : #174c92 : +56
75 : #154c93 : +58
77 : #134c95 : +60
79 : #124b97 : +62
81 : #104b98 : +64
83 : #0e4b9a : +66
85 : #0d4b9c : +68
87 : #0b4a9d : +70
89 : #094a9f : +72
91 : #084aa1 : +74
93 : #064aa2 : +76
95 : #0449a4 : +78
97 : #0349a6 : +80
99 : #0149a7 : +82
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -32
3 : #060709 : -30
5 : #0b0c0f : -28
7 : #0f1115 : -26
9 : #13161b : -24
11 : #171b21 : -22
13 : #1c2027 : -20
15 : #20252d : -18
17 : #242a33 : -16
19 : #282f39 : -14
21 : #2c343f : -12
23 : #313945 : -10
25 : #353e4b : -8
27 : #394351 : -6
29 : #3d4857 : -4
31 : #424d5c : -2
33 : #465262 : ±0
35 : #4a5768 : +2
37 : #4e5c6e : +4
39 : #536174 : +6
41 : #57667a : +8
43 : #5b6b80 : +10
45 : #5f7086 : +12
47 : #63758c : +14
49 : #687a92 : +16
51 : #6d7f97 : +18
53 : #73849c : +20
55 : #798aa0 : +22
57 : #7f8fa4 : +24
59 : #8594a8 : +26
61 : #8b99ac : +28
63 : #919fb1 : +30
65 : #97a4b5 : +32
67 : #9da9b9 : +34
69 : #a3aebd : +36
71 : #a8b3c2 : +38
73 : #aeb9c6 : +40
75 : #b4beca : +42
77 : #bac3ce : +44
79 : #c0c8d3 : +46
81 : #c6cdd7 : +48
83 : #ccd3db : +50
85 : #d2d8df : +52
87 : #d8dde3 : +54
89 : #dee2e8 : +56
91 : #e4e8ec : +58
93 : #eaedf0 : +60
95 : #f0f2f4 : +62
97 : #f6f7f9 : +64
99 : #fcfcfd : +66
CSS入門、作ってます。
text-shadow