#362130
RGB ( 赤 = 54, 緑 = 33, 青 = 48 )
HSL ( 色相 = 317°, 彩度 = 24%, 明度 = 17% )
H : 色相 ( 317° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #362321 : -310
17 : #362721 : -300
27 : #362a21 : -290
37 : #362e21 : -280
47 : #363121 : -270
57 : #363521 : -260
67 : #333621 : -250
77 : #303621 : -240
87 : #2c3621 : -230
97 : #293621 : -220
107 : #253621 : -210
117 : #223621 : -200
127 : #213623 : -190
137 : #213627 : -180
147 : #21362a : -170
157 : #21362e : -160
167 : #213631 : -150
177 : #213635 : -140
187 : #213336 : -130
197 : #213036 : -120
207 : #212c36 : -110
217 : #212936 : -100
227 : #212536 : -90
237 : #212236 : -80
247 : #232136 : -70
257 : #272136 : -60
267 : #2a2136 : -50
277 : #2e2136 : -40
287 : #312136 : -30
297 : #352136 : -20
307 : #362133 : -10
317 : #362130 : ±0
327 : #36212c : +10
337 : #362129 : +20
347 : #362125 : +30
357 : #362122 : +40
307 : #362133 : -10
308 : #362133 : -9
309 : #362133 : -8
310 : #362132 : -7
311 : #362132 : -6
312 : #362132 : -5
313 : #362131 : -4
314 : #362131 : -3
315 : #362131 : -2
316 : #362130 : -1
317 : #362130 : ±0
318 : #362130 : +1
319 : #36212f : +2
320 : #36212f : +3
321 : #36212e : +4
322 : #36212e : +5
323 : #36212e : +6
324 : #36212d : +7
325 : #36212d : +8
326 : #36212d : +9
327 : #36212c : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -24
2 : #2c2a2c : -22
4 : #2d2a2c : -20
6 : #2e292c : -18
8 : #2f282d : -16
10 : #30272d : -14
12 : #31262e : -12
14 : #31252e : -10
16 : #32242e : -8
18 : #33242f : -6
20 : #34232f : -4
22 : #35222f : -2
24 : #362130 : ±0
26 : #372030 : +2
28 : #371f31 : +4
30 : #381e31 : +6
32 : #391d31 : +8
34 : #3a1d32 : +10
36 : #3b1c32 : +12
38 : #3c1b32 : +14
40 : #3d1a33 : +16
42 : #3e1933 : +18
44 : #3e1834 : +20
46 : #3f1734 : +22
48 : #401734 : +24
50 : #411635 : +26
52 : #421535 : +28
54 : #431435 : +30
56 : #441336 : +32
58 : #441236 : +34
60 : #451137 : +36
62 : #461037 : +38
64 : #471037 : +40
66 : #480f38 : +42
68 : #490e38 : +44
70 : #4a0d38 : +46
72 : #4b0c39 : +48
74 : #4b0b39 : +50
76 : #4c0a3a : +52
78 : #4d0a3a : +54
80 : #4e093a : +56
82 : #4f083b : +58
84 : #50073b : +60
86 : #51063c : +62
88 : #51053c : +64
90 : #52043c : +66
92 : #53033d : +68
94 : #54033d : +70
96 : #55023d : +72
98 : #56013e : +74
100 : #57003e : +76
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -16
3 : #090608 : -14
5 : #100a0e : -12
7 : #160e14 : -10
9 : #1c1119 : -8
11 : #23151f : -6
13 : #291925 : -4
15 : #2f1d2a : -2
17 : #362130 : ±0
19 : #3c2535 : +2
21 : #42293b : +4
23 : #492d41 : +6
25 : #4f3046 : +8
27 : #55344c : +10
29 : #5c3852 : +12
31 : #623c57 : +14
33 : #68405d : +16
35 : #6f4463 : +18
37 : #754868 : +20
39 : #7b4c6e : +22
41 : #824f73 : +24
43 : #885379 : +26
45 : #8e577f : +28
47 : #955b84 : +30
49 : #9b5f8a : +32
51 : #a0648f : +34
53 : #a46a94 : +36
55 : #a87198 : +38
57 : #ac779d : +40
59 : #b07da1 : +42
61 : #b384a6 : +44
63 : #b78aaa : +46
65 : #bb90af : +48
67 : #bf97b4 : +50
69 : #c39db8 : +52
71 : #c7a3bd : +54
73 : #cbaac1 : +56
75 : #cfb0c6 : +58
77 : #d2b6ca : +60
79 : #d6bdcf : +62
81 : #dac3d4 : +64
83 : #dec9d8 : +66
85 : #e2d0dd : +68
87 : #e6d6e1 : +70
89 : #eadce6 : +72
91 : #eee3ea : +74
93 : #f1e9ef : +76
95 : #f5eff4 : +78
97 : #f9f6f8 : +80
99 : #fdfcfd : +82
CSS入門、作ってます。
text-shadow