#160448
RGB ( 赤 = 22, 緑 = 4, 青 = 72 )
HSL ( 色相 = 256°, 彩度 = 89%, 明度 = 15% )
H : 色相 ( 256° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #480b04 : -250
16 : #481604 : -240
26 : #482204 : -230
36 : #482d04 : -220
46 : #483804 : -210
56 : #484404 : -200
66 : #414804 : -190
76 : #364804 : -180
86 : #2b4804 : -170
96 : #1f4804 : -160
106 : #144804 : -150
116 : #094804 : -140
126 : #04480b : -130
136 : #044816 : -120
146 : #044822 : -110
156 : #04482d : -100
166 : #044838 : -90
176 : #044844 : -80
186 : #044148 : -70
196 : #043648 : -60
206 : #042b48 : -50
216 : #041f48 : -40
226 : #041448 : -30
236 : #040948 : -20
246 : #0b0448 : -10
256 : #160448 : ±0
266 : #220448 : +10
276 : #2d0448 : +20
286 : #380448 : +30
296 : #440448 : +40
306 : #480441 : +50
316 : #480436 : +60
326 : #48042b : +70
336 : #48041f : +80
346 : #480414 : +90
356 : #480409 : +100
246 : #0b0448 : -10
247 : #0c0448 : -9
248 : #0d0448 : -8
249 : #0e0448 : -7
250 : #100448 : -6
251 : #110448 : -5
252 : #120448 : -4
253 : #130448 : -3
254 : #140448 : -2
255 : #150448 : -1
256 : #160448 : ±0
257 : #170448 : +1
258 : #190448 : +2
259 : #1a0448 : +3
260 : #1b0448 : +4
261 : #1c0448 : +5
262 : #1d0448 : +6
263 : #1e0448 : +7
264 : #1f0448 : +8
265 : #210448 : +9
266 : #220448 : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #262627 : -88
3 : #262527 : -86
5 : #252428 : -84
7 : #252429 : -82
9 : #25232a : -80
11 : #24222a : -78
13 : #24212b : -76
15 : #24212c : -74
17 : #23202d : -72
19 : #231f2e : -70
21 : #231e2e : -68
23 : #221d2f : -66
25 : #221d30 : -64
27 : #211c31 : -62
29 : #211b31 : -60
31 : #211a32 : -58
33 : #201a33 : -56
35 : #201934 : -54
37 : #201834 : -52
39 : #1f1735 : -50
41 : #1f1736 : -48
43 : #1f1637 : -46
45 : #1e1537 : -44
47 : #1e1438 : -42
49 : #1e1439 : -40
51 : #1d133a : -38
53 : #1d123b : -36
55 : #1c113b : -34
57 : #1c103c : -32
59 : #1c103d : -30
61 : #1b0f3e : -28
63 : #1b0e3e : -26
65 : #1b0d3f : -24
67 : #1a0d40 : -22
69 : #1a0c41 : -20
71 : #1a0b41 : -18
73 : #190a42 : -16
75 : #190a43 : -14
77 : #190944 : -12
79 : #180844 : -10
81 : #180745 : -8
83 : #170746 : -6
85 : #170647 : -4
87 : #170548 : -2
89 : #160448 : ±0
91 : #160349 : +2
93 : #16034a : +4
95 : #15024b : +6
97 : #15014b : +8
99 : #15004c : +10
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #010005 : -14
3 : #04010e : -12
5 : #070118 : -10
7 : #0a0222 : -8
9 : #0d032b : -6
11 : #100335 : -4
13 : #13043f : -2
15 : #160448 : ±0
17 : #190552 : +2
19 : #1c055c : +4
21 : #1f0665 : +6
23 : #22066f : +8
25 : #250778 : +10
27 : #280882 : +12
29 : #2b088c : +14
31 : #2e0995 : +16
33 : #31099f : +18
35 : #340aa9 : +20
37 : #370ab2 : +22
39 : #3a0bbc : +24
41 : #3d0cc6 : +26
43 : #400ccf : +28
45 : #430dd9 : +30
47 : #460de3 : +32
49 : #490eec : +34
51 : #4e13f1 : +36
53 : #551cf2 : +38
55 : #5d26f2 : +40
57 : #6430f3 : +42
59 : #6b39f3 : +44
61 : #7243f4 : +46
63 : #794df5 : +48
65 : #8156f5 : +50
67 : #8860f6 : +52
69 : #8f6af6 : +54
71 : #9673f7 : +56
73 : #9e7df7 : +58
75 : #a587f8 : +60
77 : #ac90f9 : +62
79 : #b39af9 : +64
81 : #baa3fa : +66
83 : #c2adfa : +68
85 : #c9b7fb : +70
87 : #d0c0fb : +72
89 : #d7cafc : +74
91 : #dfd4fc : +76
93 : #e6ddfd : +78
95 : #ede7fe : +80
97 : #f4f1fe : +82
99 : #fbfaff : +84
CSS入門、作ってます。
text-shadow