#2a3341
RGB ( 赤 = 42, 緑 = 51, 青 = 65 )
HSL ( 色相 = 217°, 彩度 = 21%, 明度 = 21% )
H : 色相 ( 217° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #412d2a : -210
17 : #41312a : -200
27 : #41342a : -190
37 : #41382a : -180
47 : #413c2a : -170
57 : #41402a : -160
67 : #3e412a : -150
77 : #3a412a : -140
87 : #37412a : -130
97 : #33412a : -120
107 : #2f412a : -110
117 : #2b412a : -100
127 : #2a412d : -90
137 : #2a4131 : -80
147 : #2a4134 : -70
157 : #2a4138 : -60
167 : #2a413c : -50
177 : #2a4140 : -40
187 : #2a3e41 : -30
197 : #2a3a41 : -20
207 : #2a3741 : -10
217 : #2a3341 : ±0
227 : #2a2f41 : +10
237 : #2a2b41 : +20
247 : #2d2a41 : +30
257 : #312a41 : +40
267 : #342a41 : +50
277 : #382a41 : +60
287 : #3c2a41 : +70
297 : #402a41 : +80
307 : #412a3e : +90
317 : #412a3a : +100
327 : #412a37 : +110
337 : #412a33 : +120
347 : #412a2f : +130
357 : #412a2b : +140
207 : #2a3741 : -10
208 : #2a3641 : -9
209 : #2a3641 : -8
210 : #2a3641 : -7
211 : #2a3541 : -6
212 : #2a3541 : -5
213 : #2a3441 : -4
214 : #2a3441 : -3
215 : #2a3441 : -2
216 : #2a3341 : -1
217 : #2a3341 : ±0
218 : #2a3341 : +1
219 : #2a3241 : +2
220 : #2a3241 : +3
221 : #2a3141 : +4
222 : #2a3141 : +5
223 : #2a3141 : +6
224 : #2a3041 : +7
225 : #2a3041 : +8
226 : #2a3041 : +9
227 : #2a2f41 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #353536 : -20
3 : #343537 : -18
5 : #333538 : -16
7 : #323539 : -14
9 : #31343a : -12
11 : #30343b : -10
13 : #2f343d : -8
15 : #2e343e : -6
17 : #2c333f : -4
19 : #2b3340 : -2
21 : #2a3341 : ±0
23 : #293342 : +2
25 : #283243 : +4
27 : #273244 : +6
29 : #263245 : +8
31 : #253246 : +10
33 : #243147 : +12
35 : #233148 : +14
37 : #223149 : +16
39 : #21314a : +18
41 : #20304c : +20
43 : #1f304d : +22
45 : #1d304e : +24
47 : #1c304f : +26
49 : #1b2f50 : +28
51 : #1a2f51 : +30
53 : #192f52 : +32
55 : #182f53 : +34
57 : #172e54 : +36
59 : #162e55 : +38
61 : #152e56 : +40
63 : #142e57 : +42
65 : #132d58 : +44
67 : #122d59 : +46
69 : #112d5a : +48
71 : #102d5c : +50
73 : #0e2c5d : +52
75 : #0d2c5e : +54
77 : #0c2c5f : +56
79 : #0b2c60 : +58
81 : #0a2b61 : +60
83 : #092b62 : +62
85 : #082b63 : +64
87 : #072b64 : +66
89 : #062a65 : +68
91 : #052a66 : +70
93 : #042a67 : +72
95 : #032a68 : +74
97 : #022969 : +76
99 : #01296b : +78
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -20
3 : #060709 : -18
5 : #0a0c0f : -16
7 : #0e1116 : -14
9 : #12161c : -12
11 : #161b22 : -10
13 : #1a2028 : -8
15 : #1e242e : -6
17 : #222934 : -4
19 : #262e3b : -2
21 : #2a3341 : ±0
23 : #2e3847 : +2
25 : #323d4d : +4
27 : #364153 : +6
29 : #3a4659 : +8
31 : #3e4b60 : +10
33 : #425066 : +12
35 : #47556c : +14
37 : #4b5a72 : +16
39 : #4f5f78 : +18
41 : #53637f : +20
43 : #576885 : +22
45 : #5b6d8b : +24
47 : #5f7291 : +26
49 : #637797 : +28
51 : #687c9c : +30
53 : #6e81a0 : +32
55 : #7487a4 : +34
57 : #7a8ca8 : +36
59 : #8091ac : +38
61 : #8797b0 : +40
63 : #8d9cb4 : +42
65 : #93a1b8 : +44
67 : #99a7bd : +46
69 : #9facc1 : +48
71 : #a6b1c5 : +50
73 : #acb7c9 : +52
75 : #b2bccd : +54
77 : #b8c1d1 : +56
79 : #bec7d5 : +58
81 : #c4ccd9 : +60
83 : #cbd2dd : +62
85 : #d1d7e1 : +64
87 : #d7dce5 : +66
89 : #dde2e9 : +68
91 : #e3e7ed : +70
93 : #e9ecf1 : +72
95 : #f0f2f5 : +74
97 : #f6f7f9 : +76
99 : #fcfcfd : +78
CSS入門、作ってます。
text-shadow