#33164b
RGB ( 赤 = 51, 緑 = 22, 青 = 75 )
HSL ( 色相 = 273°, 彩度 = 55%, 明度 = 19% )
H : 色相 ( 273° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #4b1816 : -270
13 : #4b2116 : -260
23 : #4b2a16 : -250
33 : #4b3316 : -240
43 : #4b3c16 : -230
53 : #4b4516 : -220
63 : #484b16 : -210
73 : #404b16 : -200
83 : #374b16 : -190
93 : #2e4b16 : -180
103 : #254b16 : -170
113 : #1c4b16 : -160
123 : #164b18 : -150
133 : #164b21 : -140
143 : #164b2a : -130
153 : #164b33 : -120
163 : #164b3c : -110
173 : #164b45 : -100
183 : #16484b : -90
193 : #16404b : -80
203 : #16374b : -70
213 : #162e4b : -60
223 : #16254b : -50
233 : #161c4b : -40
243 : #18164b : -30
253 : #21164b : -20
263 : #2a164b : -10
273 : #33164b : ±0
283 : #3c164b : +10
293 : #45164b : +20
303 : #4b1648 : +30
313 : #4b1640 : +40
323 : #4b1637 : +50
333 : #4b162e : +60
343 : #4b1625 : +70
353 : #4b161c : +80
263 : #2a164b : -10
264 : #2b164b : -9
265 : #2c164b : -8
266 : #2d164b : -7
267 : #2e164b : -6
268 : #2f164b : -5
269 : #30164b : -4
270 : #30164b : -3
271 : #31164b : -2
272 : #32164b : -1
273 : #33164b : ±0
274 : #34164b : +1
275 : #35164b : +2
276 : #36164b : +3
277 : #37164b : +4
278 : #38164b : +5
279 : #38164b : +6
280 : #39164b : +7
281 : #3a164b : +8
282 : #3b164b : +9
283 : #3c164b : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #303031 : -54
3 : #312f32 : -52
5 : #312e33 : -50
7 : #312d34 : -48
9 : #312c35 : -46
11 : #312b36 : -44
13 : #312a37 : -42
15 : #312938 : -40
17 : #312839 : -38
19 : #31273a : -36
21 : #31263b : -34
23 : #32253c : -32
25 : #32243d : -30
27 : #32233e : -28
29 : #32223f : -26
31 : #32213f : -24
33 : #322040 : -22
35 : #321f41 : -20
37 : #321f42 : -18
39 : #321e43 : -16
41 : #321d44 : -14
43 : #331c45 : -12
45 : #331b46 : -10
47 : #331a47 : -8
49 : #331948 : -6
51 : #331849 : -4
53 : #33174a : -2
55 : #33164b : ±0
57 : #33154c : +2
59 : #33144d : +4
61 : #33134e : +6
63 : #34124f : +8
65 : #341150 : +10
67 : #341051 : +12
69 : #340f52 : +14
71 : #340e53 : +16
73 : #340d54 : +18
75 : #340c55 : +20
77 : #340b56 : +22
79 : #340a57 : +24
81 : #340958 : +26
83 : #340859 : +28
85 : #35075a : +30
87 : #35065b : +32
89 : #35055c : +34
91 : #35045d : +36
93 : #35035e : +38
95 : #35025e : +40
97 : #35015f : +42
99 : #350060 : +44
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -18
3 : #08030c : -16
5 : #0d0614 : -14
7 : #13081c : -12
9 : #180a24 : -10
11 : #1e0d2b : -8
13 : #230f33 : -6
15 : #28113b : -4
17 : #2e1443 : -2
19 : #33164b : ±0
21 : #381853 : +2
23 : #3e1a5b : +4
25 : #431d63 : +6
27 : #491f6b : +8
29 : #4e2173 : +10
31 : #53247b : +12
33 : #592682 : +14
35 : #5e288a : +16
37 : #642a92 : +18
39 : #692d9a : +20
41 : #6e2fa2 : +22
43 : #7431aa : +24
45 : #7934b2 : +26
47 : #7e36ba : +28
49 : #8438c2 : +30
51 : #893dc7 : +32
53 : #8e45c9 : +34
55 : #934dcb : +36
57 : #9755ce : +38
59 : #9c5dd0 : +40
61 : #a165d2 : +42
63 : #a66dd5 : +44
65 : #ab75d7 : +46
67 : #af7dd9 : +48
69 : #b484db : +50
71 : #b98cde : +52
73 : #be94e0 : +54
75 : #c39ce2 : +56
77 : #c8a4e5 : +58
79 : #ccace7 : +60
81 : #d1b4e9 : +62
83 : #d6bceb : +64
85 : #dbc4ee : +66
87 : #e0ccf0 : +68
89 : #e4d4f2 : +70
91 : #e9dbf5 : +72
93 : #eee3f7 : +74
95 : #f3ebf9 : +76
97 : #f8f3fc : +78
99 : #fdfbfe : +80
CSS入門、作ってます。
text-shadow