#425166
RGB ( 赤 = 66, 緑 = 81, 青 = 102 )
HSL ( 色相 = 215°, 彩度 = 21%, 明度 = 33% )
H : 色相 ( 215° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #664542 : -210
15 : #664b42 : -200
25 : #665142 : -190
35 : #665742 : -180
45 : #665d42 : -170
55 : #666342 : -160
65 : #636642 : -150
75 : #5d6642 : -140
85 : #576642 : -130
95 : #516642 : -120
105 : #4b6642 : -110
115 : #456642 : -100
125 : #426645 : -90
135 : #42664b : -80
145 : #426651 : -70
155 : #426657 : -60
165 : #42665d : -50
175 : #426663 : -40
185 : #426366 : -30
195 : #425d66 : -20
205 : #425766 : -10
215 : #425166 : ±0
225 : #424b66 : +10
235 : #424566 : +20
245 : #454266 : +30
255 : #4b4266 : +40
265 : #514266 : +50
275 : #574266 : +60
285 : #5d4266 : +70
295 : #634266 : +80
305 : #664263 : +90
315 : #66425d : +100
325 : #664257 : +110
335 : #664251 : +120
345 : #66424b : +130
355 : #664245 : +140
205 : #425766 : -10
206 : #425766 : -9
207 : #425666 : -8
208 : #425566 : -7
209 : #425566 : -6
210 : #425466 : -5
211 : #425466 : -4
212 : #425366 : -3
213 : #425266 : -2
214 : #425266 : -1
215 : #425166 : ±0
216 : #425166 : +1
217 : #425066 : +2
218 : #424f66 : +3
219 : #424f66 : +4
220 : #424e66 : +5
221 : #424e66 : +6
222 : #424d66 : +7
223 : #424c66 : +8
224 : #424c66 : +9
225 : #424b66 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #535455 : -20
3 : #525457 : -18
5 : #505358 : -16
7 : #4e535a : -14
9 : #4d535c : -12
11 : #4b535d : -10
13 : #49525f : -8
15 : #485261 : -6
17 : #465262 : -4
19 : #445164 : -2
21 : #425166 : ±0
23 : #415168 : +2
25 : #3f5169 : +4
27 : #3d506b : +6
29 : #3c506d : +8
31 : #3a506e : +10
33 : #385070 : +12
35 : #374f72 : +14
37 : #354f73 : +16
39 : #334f75 : +18
41 : #324e77 : +20
43 : #304e78 : +22
45 : #2e4e7a : +24
47 : #2d4e7c : +26
49 : #2b4d7d : +28
51 : #294d7f : +30
53 : #284d81 : +32
55 : #264c82 : +34
57 : #244c84 : +36
59 : #234c86 : +38
61 : #214c87 : +40
63 : #1f4b89 : +42
65 : #1d4b8b : +44
67 : #1c4b8d : +46
69 : #1a4a8e : +48
71 : #184a90 : +50
73 : #174a92 : +52
75 : #154a93 : +54
77 : #134995 : +56
79 : #124997 : +58
81 : #104998 : +60
83 : #0e499a : +62
85 : #0d489c : +64
87 : #0b489d : +66
89 : #09489f : +68
91 : #0847a1 : +70
93 : #0647a2 : +72
95 : #0447a4 : +74
97 : #0347a6 : +76
99 : #0146a7 : +78
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -32
3 : #060709 : -30
5 : #0a0c0f : -28
7 : #0e1116 : -26
9 : #12161c : -24
11 : #161b22 : -22
13 : #1a2028 : -20
15 : #1e252e : -18
17 : #222a34 : -16
19 : #262f3b : -14
21 : #2a3441 : -12
23 : #2e3947 : -10
25 : #323e4d : -8
27 : #364253 : -6
29 : #3a4759 : -4
31 : #3e4c60 : -2
33 : #425166 : ±0
35 : #47566c : +2
37 : #4b5b72 : +4
39 : #4f6078 : +6
41 : #53657f : +8
43 : #576a85 : +10
45 : #5b6f8b : +12
47 : #5f7491 : +14
49 : #637997 : +16
51 : #687e9c : +18
53 : #6e83a0 : +20
55 : #7488a4 : +22
57 : #7a8ea8 : +24
59 : #8093ac : +26
61 : #8798b0 : +28
63 : #8d9db4 : +30
65 : #93a3b8 : +32
67 : #99a8bd : +34
69 : #9fadc1 : +36
71 : #a6b2c5 : +38
73 : #acb8c9 : +40
75 : #b2bdcd : +42
77 : #b8c2d1 : +44
79 : #bec8d5 : +46
81 : #c4cdd9 : +48
83 : #cbd2dd : +50
85 : #d1d7e1 : +52
87 : #d7dde5 : +54
89 : #dde2e9 : +56
91 : #e3e7ed : +58
93 : #e9edf1 : +60
95 : #f0f2f5 : +62
97 : #f6f7f9 : +64
99 : #fcfcfd : +66
CSS入門、作ってます。
text-shadow