#222949
RGB ( 赤 = 34, 緑 = 41, 青 = 73 )
HSL ( 色相 = 229°, 彩度 = 36%, 明度 = 21% )
H : 色相 ( 229° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #492822 : -220
19 : #492e22 : -210
29 : #493522 : -200
39 : #493b22 : -190
49 : #494222 : -180
59 : #494822 : -170
69 : #434922 : -160
79 : #3d4922 : -150
89 : #364922 : -140
99 : #304922 : -130
109 : #294922 : -120
119 : #234922 : -110
129 : #224928 : -100
139 : #22492e : -90
149 : #224935 : -80
159 : #22493b : -70
169 : #224942 : -60
179 : #224948 : -50
189 : #224349 : -40
199 : #223d49 : -30
209 : #223649 : -20
219 : #223049 : -10
229 : #222949 : ±0
239 : #222349 : +10
249 : #282249 : +20
259 : #2e2249 : +30
269 : #352249 : +40
279 : #3b2249 : +50
289 : #422249 : +60
299 : #482249 : +70
309 : #492243 : +80
319 : #49223d : +90
329 : #492236 : +100
339 : #492230 : +110
349 : #492229 : +120
359 : #492223 : +130
219 : #223049 : -10
220 : #222f49 : -9
221 : #222e49 : -8
222 : #222e49 : -7
223 : #222d49 : -6
224 : #222d49 : -5
225 : #222c49 : -4
226 : #222b49 : -3
227 : #222b49 : -2
228 : #222a49 : -1
229 : #222949 : ±0
230 : #222949 : +1
231 : #222849 : +2
232 : #222749 : +3
233 : #222749 : +4
234 : #222649 : +5
235 : #222549 : +6
236 : #222549 : +7
237 : #222449 : +8
238 : #222449 : +9
239 : #222349 : +10
S : 彩度 ( 36% )
(0%) 渋い ~ 鮮やか (100%)
0 : #353535 : -36
2 : #343537 : -34
4 : #333438 : -32
6 : #323439 : -30
8 : #31333a : -28
10 : #30323b : -26
12 : #2f313c : -24
14 : #2e313d : -22
16 : #2d303e : -20
18 : #2c2f3f : -18
20 : #2b2f40 : -16
22 : #2a2e41 : -14
24 : #292d42 : -12
26 : #282d43 : -10
28 : #272c45 : -8
30 : #252b46 : -6
32 : #242b47 : -4
34 : #232a48 : -2
36 : #222949 : ±0
38 : #21294a : +2
40 : #20284b : +4
42 : #1f274c : +6
44 : #1e274d : +8
46 : #1d264e : +10
48 : #1c254f : +12
50 : #1b2550 : +14
52 : #1a2451 : +16
54 : #192352 : +18
56 : #182354 : +20
58 : #162255 : +22
60 : #152156 : +24
62 : #142157 : +26
64 : #132058 : +28
66 : #121f59 : +30
68 : #111e5a : +32
70 : #101e5b : +34
72 : #0f1d5c : +36
74 : #0e1c5d : +38
76 : #0d1c5e : +40
78 : #0c1b5f : +42
80 : #0b1a60 : +44
82 : #0a1a61 : +46
84 : #091963 : +48
86 : #071864 : +50
88 : #061865 : +52
90 : #051766 : +54
92 : #041667 : +56
94 : #031668 : +58
96 : #021569 : +60
98 : #01146a : +62
100 : #00146b : +64
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -20
3 : #05060a : -18
5 : #080a11 : -16
7 : #0b0e18 : -14
9 : #0f121f : -12
11 : #121626 : -10
13 : #151a2d : -8
15 : #181e34 : -6
17 : #1c213b : -4
19 : #1f2542 : -2
21 : #222949 : ±0
23 : #262d50 : +2
25 : #293157 : +4
27 : #2c355e : +6
29 : #2f3965 : +8
31 : #333d6c : +10
33 : #364172 : +12
35 : #394579 : +14
37 : #3c4980 : +16
39 : #404d87 : +18
41 : #43518e : +20
43 : #465595 : +22
45 : #49599c : +24
47 : #4d5da3 : +26
49 : #5060aa : +28
51 : #5566af : +30
53 : #5c6cb2 : +32
55 : #6372b6 : +34
57 : #6a78b9 : +36
59 : #717fbc : +38
61 : #7885bf : +40
63 : #7f8bc3 : +42
65 : #8691c6 : +44
67 : #8d98c9 : +46
69 : #939ecc : +48
71 : #9aa4d0 : +50
73 : #a1aad3 : +52
75 : #a8b1d6 : +54
77 : #afb7d9 : +56
79 : #b6bddd : +58
81 : #bdc4e0 : +60
83 : #c4cae3 : +62
85 : #cbd0e7 : +64
87 : #d2d6ea : +66
89 : #d9dded : +68
91 : #e0e3f0 : +70
93 : #e7e9f4 : +72
95 : #eeeff7 : +74
97 : #f5f6fa : +76
99 : #fcfcfd : +78
CSS入門、作ってます。
text-shadow