#223358
RGB ( 赤 = 34, 緑 = 51, 青 = 88 )
HSL ( 色相 = 221°, 彩度 = 44%, 明度 = 24% )
H : 色相 ( 221° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #582322 : -220
11 : #582c22 : -210
21 : #583522 : -200
31 : #583e22 : -190
41 : #584722 : -180
51 : #585022 : -170
61 : #575822 : -160
71 : #4e5822 : -150
81 : #455822 : -140
91 : #3c5822 : -130
101 : #335822 : -120
111 : #2a5822 : -110
121 : #225823 : -100
131 : #22582c : -90
141 : #225835 : -80
151 : #22583e : -70
161 : #225847 : -60
171 : #225850 : -50
181 : #225758 : -40
191 : #224e58 : -30
201 : #224558 : -20
211 : #223c58 : -10
221 : #223358 : ±0
231 : #222a58 : +10
241 : #232258 : +20
251 : #2c2258 : +30
261 : #352258 : +40
271 : #3e2258 : +50
281 : #472258 : +60
291 : #502258 : +70
301 : #582257 : +80
311 : #58224e : +90
321 : #582245 : +100
331 : #58223c : +110
341 : #582233 : +120
351 : #58222a : +130
211 : #223c58 : -10
212 : #223b58 : -9
213 : #223b58 : -8
214 : #223a58 : -7
215 : #223958 : -6
216 : #223858 : -5
217 : #223758 : -4
218 : #223658 : -3
219 : #223558 : -2
220 : #223458 : -1
221 : #223358 : ±0
222 : #223258 : +1
223 : #223258 : +2
224 : #223158 : +3
225 : #223058 : +4
226 : #222f58 : +5
227 : #222e58 : +6
228 : #222d58 : +7
229 : #222c58 : +8
230 : #222b58 : +9
231 : #222a58 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -44
2 : #3c3d3e : -42
4 : #3b3c40 : -40
6 : #3a3c41 : -38
8 : #383b42 : -36
10 : #373b43 : -34
12 : #363b45 : -32
14 : #353a46 : -30
16 : #333a47 : -28
18 : #323948 : -26
20 : #313949 : -24
22 : #30384b : -22
24 : #2f384c : -20
26 : #2d374d : -18
28 : #2c374e : -16
30 : #2b3650 : -14
32 : #2a3651 : -12
34 : #283652 : -10
36 : #273553 : -8
38 : #263554 : -6
40 : #253456 : -4
42 : #233457 : -2
44 : #223358 : ±0
46 : #213359 : +2
48 : #20325b : +4
50 : #1f325c : +6
52 : #1d325d : +8
54 : #1c315e : +10
56 : #1b315f : +12
58 : #1a3061 : +14
60 : #183062 : +16
62 : #172f63 : +18
64 : #162f64 : +20
66 : #152e66 : +22
68 : #142e67 : +24
70 : #122d68 : +26
72 : #112d69 : +28
74 : #102d6a : +30
76 : #0f2c6c : +32
78 : #0d2c6d : +34
80 : #0c2b6e : +36
82 : #0b2b6f : +38
84 : #0a2a71 : +40
86 : #092a72 : +42
88 : #072973 : +44
90 : #062974 : +46
92 : #052976 : +48
94 : #042877 : +50
96 : #022878 : +52
98 : #012779 : +54
100 : #00277a : +56
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #030407 : -22
4 : #06090f : -20
6 : #090d16 : -18
8 : #0b111d : -16
10 : #0e1525 : -14
12 : #111a2c : -12
14 : #141e33 : -10
16 : #17223b : -8
18 : #1a2642 : -6
20 : #1d2b49 : -4
22 : #1f2f51 : -2
24 : #223358 : ±0
26 : #25385f : +2
28 : #283c67 : +4
30 : #2b406e : +6
32 : #2e4476 : +8
34 : #31497d : +10
36 : #334d84 : +12
38 : #36518c : +14
40 : #395693 : +16
42 : #3c5a9a : +18
44 : #3f5ea2 : +20
46 : #4262a9 : +22
48 : #4567b0 : +24
50 : #476bb8 : +26
52 : #4f71ba : +28
54 : #5677bd : +30
56 : #5d7dc0 : +32
58 : #6583c3 : +34
60 : #6c89c6 : +36
62 : #738ec9 : +38
64 : #7b94cc : +40
66 : #829ace : +42
68 : #89a0d1 : +44
70 : #91a6d4 : +46
72 : #98acd7 : +48
74 : #a0b2da : +50
76 : #a7b8dd : +52
78 : #aebee0 : +54
80 : #b6c4e2 : +56
82 : #bdcae5 : +58
84 : #c4d0e8 : +60
86 : #ccd6eb : +62
88 : #d3dbee : +64
90 : #dae1f1 : +66
92 : #e2e7f4 : +68
94 : #e9edf6 : +70
96 : #f0f3f9 : +72
98 : #f8f9fc : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow