#353348
RGB ( 赤 = 53, 緑 = 51, 青 = 72 )
HSL ( 色相 = 246°, 彩度 = 17%, 明度 = 24% )
H : 色相 ( 246° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #483533 : -240
16 : #483833 : -230
26 : #483c33 : -220
36 : #483f33 : -210
46 : #484333 : -200
56 : #484633 : -190
66 : #464833 : -180
76 : #424833 : -170
86 : #3f4833 : -160
96 : #3b4833 : -150
106 : #384833 : -140
116 : #344833 : -130
126 : #334835 : -120
136 : #334838 : -110
146 : #33483c : -100
156 : #33483f : -90
166 : #334843 : -80
176 : #334846 : -70
186 : #334648 : -60
196 : #334248 : -50
206 : #333f48 : -40
216 : #333b48 : -30
226 : #333848 : -20
236 : #333448 : -10
246 : #353348 : ±0
256 : #383348 : +10
266 : #3c3348 : +20
276 : #3f3348 : +30
286 : #433348 : +40
296 : #463348 : +50
306 : #483346 : +60
316 : #483342 : +70
326 : #48333f : +80
336 : #48333b : +90
346 : #483338 : +100
356 : #483334 : +110
236 : #333448 : -10
237 : #333448 : -9
238 : #333348 : -8
239 : #333348 : -7
240 : #333348 : -6
241 : #333348 : -5
242 : #333348 : -4
243 : #343348 : -3
244 : #343348 : -2
245 : #353348 : -1
246 : #353348 : ±0
247 : #353348 : +1
248 : #363348 : +2
249 : #363348 : +3
250 : #363348 : +4
251 : #373348 : +5
252 : #373348 : +6
253 : #373348 : +7
254 : #383348 : +8
255 : #383348 : +9
256 : #383348 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3d3d3e : -16
3 : #3c3b3f : -14
5 : #3b3a40 : -12
7 : #3a3941 : -10
9 : #393843 : -8
11 : #383644 : -6
13 : #373545 : -4
15 : #363446 : -2
17 : #353348 : ±0
19 : #343249 : +2
21 : #33304a : +4
23 : #322f4b : +6
25 : #312e4d : +8
27 : #302d4e : +10
29 : #2f2b4f : +12
31 : #2e2a50 : +14
33 : #2d2951 : +16
35 : #2c2853 : +18
37 : #2b2754 : +20
39 : #2a2555 : +22
41 : #292456 : +24
43 : #282358 : +26
45 : #272259 : +28
47 : #26205a : +30
49 : #251f5b : +32
51 : #241e5c : +34
53 : #231d5e : +36
55 : #221c5f : +38
57 : #211a60 : +40
59 : #201961 : +42
61 : #1f1863 : +44
63 : #1e1764 : +46
65 : #1d1565 : +48
67 : #1c1466 : +50
69 : #1b1367 : +52
71 : #1a1269 : +54
73 : #19116a : +56
75 : #180f6b : +58
77 : #180e6c : +60
79 : #170d6e : +62
81 : #160c6f : +64
83 : #150a70 : +66
85 : #140971 : +68
87 : #130872 : +70
89 : #120774 : +72
91 : #110675 : +74
93 : #100476 : +76
95 : #0f0377 : +78
97 : #0e0279 : +80
99 : #0d017a : +82
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #040406 : -22
4 : #09080c : -20
6 : #0d0d12 : -18
8 : #121118 : -16
10 : #16151e : -14
12 : #1a1924 : -12
14 : #1f1e2a : -10
16 : #232230 : -8
18 : #282636 : -6
20 : #2c2a3c : -4
22 : #302f42 : -2
24 : #353348 : ±0
26 : #39374e : +2
28 : #3e3b54 : +4
30 : #423f5a : +6
32 : #47445f : +8
34 : #4b4865 : +10
36 : #4f4c6b : +12
38 : #545071 : +14
40 : #585577 : +16
42 : #5d597d : +18
44 : #615d83 : +20
46 : #656189 : +22
48 : #6a668f : +24
50 : #6e6a95 : +26
52 : #747099 : +28
54 : #7a769e : +30
56 : #807ca2 : +32
58 : #8582a6 : +34
60 : #8b88aa : +36
62 : #918eaf : +38
64 : #9794b3 : +40
66 : #9d9ab7 : +42
68 : #a2a0bb : +44
70 : #a8a5c0 : +46
72 : #aeabc4 : +48
74 : #b4b1c8 : +50
76 : #b9b7cc : +52
78 : #bfbdd0 : +54
80 : #c5c3d5 : +56
82 : #cbc9d9 : +58
84 : #d1cfdd : +60
86 : #d6d5e1 : +62
88 : #dcdbe6 : +64
90 : #e2e1ea : +66
92 : #e8e7ee : +68
94 : #eeedf2 : +70
96 : #f3f3f7 : +72
98 : #f9f9fb : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow