#222b62
RGB ( 赤 = 34, 緑 = 43, 青 = 98 )
HSL ( 色相 = 232°, 彩度 = 48%, 明度 = 26% )
H : 色相 ( 232° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #622522 : -230
12 : #622f22 : -220
22 : #623a22 : -210
32 : #624422 : -200
42 : #624f22 : -190
52 : #625a22 : -180
62 : #606222 : -170
72 : #556222 : -160
82 : #4b6222 : -150
92 : #406222 : -140
102 : #366222 : -130
112 : #2b6222 : -120
122 : #226225 : -110
132 : #22622f : -100
142 : #22623a : -90
152 : #226244 : -80
162 : #22624f : -70
172 : #22625a : -60
182 : #226062 : -50
192 : #225562 : -40
202 : #224b62 : -30
212 : #224062 : -20
222 : #223662 : -10
232 : #222b62 : ±0
242 : #252262 : +10
252 : #2f2262 : +20
262 : #3a2262 : +30
272 : #442262 : +40
282 : #4f2262 : +50
292 : #5a2262 : +60
302 : #622260 : +70
312 : #622255 : +80
322 : #62224b : +90
332 : #622240 : +100
342 : #622236 : +110
352 : #62222b : +120
222 : #223662 : -10
223 : #223562 : -9
224 : #223362 : -8
225 : #223262 : -7
226 : #223162 : -6
227 : #223062 : -5
228 : #222f62 : -4
229 : #222e62 : -3
230 : #222d62 : -2
231 : #222c62 : -1
232 : #222b62 : ±0
233 : #222a62 : +1
234 : #222962 : +2
235 : #222862 : +3
236 : #222762 : +4
237 : #222662 : +5
238 : #222562 : +6
239 : #222462 : +7
240 : #222262 : +8
241 : #242262 : +9
242 : #252262 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -48
2 : #414144 : -46
4 : #404045 : -44
6 : #3e3f46 : -42
8 : #3d3e48 : -40
10 : #3c3d49 : -38
12 : #3a3c4a : -36
14 : #393b4c : -34
16 : #383b4d : -32
18 : #363a4e : -30
20 : #353950 : -28
22 : #343851 : -26
24 : #323752 : -24
26 : #313654 : -22
28 : #303555 : -20
30 : #2e3456 : -18
32 : #2d3358 : -16
34 : #2c3259 : -14
36 : #2a315a : -12
38 : #29305b : -10
40 : #282f5d : -8
42 : #262e5e : -6
44 : #252d5f : -4
46 : #242c61 : -2
48 : #222b62 : ±0
50 : #212a63 : +2
52 : #202965 : +4
54 : #1e2866 : +6
56 : #1d2767 : +8
58 : #1c2669 : +10
60 : #1b256a : +12
62 : #19246b : +14
64 : #18236d : +16
66 : #17226e : +18
68 : #15216f : +20
70 : #142071 : +22
72 : #131f72 : +24
74 : #111e73 : +26
76 : #101d75 : +28
78 : #0f1c76 : +30
80 : #0d1b77 : +32
82 : #0c1a79 : +34
84 : #0b197a : +36
86 : #09187b : +38
88 : #08187d : +40
90 : #07177e : +42
92 : #05167f : +44
94 : #041581 : +46
96 : #031482 : +48
98 : #011383 : +50
100 : #001285 : +52
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #030308 : -24
4 : #05070f : -22
6 : #080a17 : -20
8 : #0b0d1e : -18
10 : #0d1126 : -16
12 : #10142d : -14
14 : #131735 : -12
16 : #151a3c : -10
18 : #181e44 : -8
20 : #1b214b : -6
22 : #1d2453 : -4
24 : #20285b : -2
26 : #222b62 : ±0
28 : #252e6a : +2
30 : #283271 : +4
32 : #2a3579 : +6
34 : #2d3880 : +8
36 : #303b88 : +10
38 : #323f8f : +12
40 : #354297 : +14
42 : #38459f : +16
44 : #3a49a6 : +18
46 : #3d4cae : +20
48 : #404fb5 : +22
50 : #4253bd : +24
52 : #4a5abf : +26
54 : #5160c2 : +28
56 : #5967c5 : +30
58 : #606ec7 : +32
60 : #6875ca : +34
62 : #707ccd : +36
64 : #7783cf : +38
66 : #7f8ad2 : +40
68 : #8691d5 : +42
70 : #8e98d7 : +44
72 : #959eda : +46
74 : #9da5dd : +48
76 : #a4acdf : +50
78 : #acb3e2 : +52
80 : #b4bae4 : +54
82 : #bbc1e7 : +56
84 : #c3c8ea : +58
86 : #cacfec : +60
88 : #d2d6ef : +62
90 : #d9ddf2 : +64
92 : #e1e3f4 : +66
94 : #e8eaf7 : +68
96 : #f0f1fa : +70
98 : #f7f8fc : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow