#36163c
RGB ( 赤 = 54, 緑 = 22, 青 = 60 )
HSL ( 色相 = 291°, 彩度 = 46%, 明度 = 16% )
H : 色相 ( 291° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #3c1716 : -290
11 : #3c1d16 : -280
21 : #3c2316 : -270
31 : #3c2916 : -260
41 : #3c3016 : -250
51 : #3c3616 : -240
61 : #3b3c16 : -230
71 : #353c16 : -220
81 : #2e3c16 : -210
91 : #283c16 : -200
101 : #223c16 : -190
111 : #1c3c16 : -180
121 : #163c17 : -170
131 : #163c1d : -160
141 : #163c23 : -150
151 : #163c29 : -140
161 : #163c30 : -130
171 : #163c36 : -120
181 : #163b3c : -110
191 : #16353c : -100
201 : #162e3c : -90
211 : #16283c : -80
221 : #16223c : -70
231 : #161c3c : -60
241 : #17163c : -50
251 : #1d163c : -40
261 : #23163c : -30
271 : #29163c : -20
281 : #30163c : -10
291 : #36163c : ±0
301 : #3c163b : +10
311 : #3c1635 : +20
321 : #3c162e : +30
331 : #3c1628 : +40
341 : #3c1622 : +50
351 : #3c161c : +60
281 : #30163c : -10
282 : #30163c : -9
283 : #31163c : -8
284 : #32163c : -7
285 : #32163c : -6
286 : #33163c : -5
287 : #33163c : -4
288 : #34163c : -3
289 : #35163c : -2
290 : #35163c : -1
291 : #36163c : ±0
292 : #37163c : +1
293 : #37163c : +2
294 : #38163c : +3
295 : #38163c : +4
296 : #39163c : +5
297 : #3a163c : +6
298 : #3a163c : +7
299 : #3b163c : +8
300 : #3c163c : +9
301 : #3c163b : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -46
2 : #29282a : -44
4 : #2a272a : -42
6 : #2b262b : -40
8 : #2b262c : -38
10 : #2c252d : -36
12 : #2c242e : -34
14 : #2d232f : -32
16 : #2d222f : -30
18 : #2e2130 : -28
20 : #2f2131 : -26
22 : #2f2032 : -24
24 : #301f33 : -22
26 : #301e33 : -20
28 : #311d34 : -18
30 : #311d35 : -16
32 : #321c36 : -14
34 : #331b37 : -12
36 : #331a37 : -10
38 : #341938 : -8
40 : #341839 : -6
42 : #35183a : -4
44 : #35173b : -2
46 : #36163c : ±0
48 : #37153c : +2
50 : #37143d : +4
52 : #38143e : +6
54 : #38133f : +8
56 : #391240 : +10
58 : #391140 : +12
60 : #3a1041 : +14
62 : #3b1042 : +16
64 : #3b0f43 : +18
66 : #3c0e44 : +20
68 : #3c0d45 : +22
70 : #3d0c45 : +24
72 : #3d0b46 : +26
74 : #3e0b47 : +28
76 : #3f0a48 : +30
78 : #3f0949 : +32
80 : #400849 : +34
82 : #40074a : +36
84 : #41074b : +38
86 : #41064c : +40
88 : #42054d : +42
90 : #43044e : +44
92 : #43034e : +46
94 : #44024f : +48
96 : #440250 : +50
98 : #450151 : +52
100 : #450052 : +54
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #070307 : -14
4 : #0d060f : -12
6 : #140816 : -10
8 : #1b0b1e : -8
10 : #220e25 : -6
12 : #28112d : -4
14 : #2f1334 : -2
16 : #36163c : ±0
18 : #3d1943 : +2
20 : #431c4a : +4
22 : #4a1e52 : +6
24 : #512159 : +8
26 : #582461 : +10
28 : #5e2768 : +12
30 : #652970 : +14
32 : #6c2c77 : +16
34 : #732f7f : +18
36 : #793286 : +20
38 : #80348d : +22
40 : #873795 : +24
42 : #8e3a9c : +26
44 : #943da4 : +28
46 : #9b3fab : +30
48 : #a242b3 : +32
50 : #a945ba : +34
52 : #ac4cbd : +36
54 : #af54c0 : +38
56 : #b35bc2 : +40
58 : #b663c5 : +42
60 : #ba6ac8 : +44
62 : #bd72cb : +46
64 : #c179cd : +48
66 : #c480d0 : +50
68 : #c888d3 : +52
70 : #cb8fd6 : +54
72 : #cf97d8 : +56
74 : #d29edb : +58
76 : #d6a6de : +60
78 : #d9ade1 : +62
80 : #dcb5e3 : +64
82 : #e0bce6 : +66
84 : #e3c3e9 : +68
86 : #e7cbec : +70
88 : #ead2ee : +72
90 : #eedaf1 : +74
92 : #f1e1f4 : +76
94 : #f5e9f7 : +78
96 : #f8f0f9 : +80
98 : #fcf8fc : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow