#361730
RGB ( 赤 = 54, 緑 = 23, 青 = 48 )
HSL ( 色相 = 312°, 彩度 = 40%, 明度 = 15% )
H : 色相 ( 312° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #361817 : -310
12 : #361d17 : -300
22 : #362217 : -290
32 : #362717 : -280
42 : #362c17 : -270
52 : #363117 : -260
62 : #353617 : -250
72 : #2f3617 : -240
82 : #2a3617 : -230
92 : #253617 : -220
102 : #203617 : -210
112 : #1b3617 : -200
122 : #173618 : -190
132 : #17361d : -180
142 : #173622 : -170
152 : #173627 : -160
162 : #17362c : -150
172 : #173631 : -140
182 : #173536 : -130
192 : #172f36 : -120
202 : #172a36 : -110
212 : #172536 : -100
222 : #172036 : -90
232 : #171b36 : -80
242 : #181736 : -70
252 : #1d1736 : -60
262 : #221736 : -50
272 : #271736 : -40
282 : #2c1736 : -30
292 : #311736 : -20
302 : #361735 : -10
312 : #36172f : ±0
322 : #36172a : +10
332 : #361725 : +20
342 : #361720 : +30
352 : #36171b : +40
302 : #361735 : -10
303 : #361734 : -9
304 : #361734 : -8
305 : #361733 : -7
306 : #361732 : -6
307 : #361732 : -5
308 : #361731 : -4
309 : #361731 : -3
310 : #361730 : -2
311 : #361730 : -1
312 : #36172f : ±0
313 : #36172f : +1
314 : #36172e : +2
315 : #36172e : +3
316 : #36172d : +4
317 : #36172d : +5
318 : #36172c : +6
319 : #36172c : +7
320 : #36172b : +8
321 : #36172b : +9
322 : #36172a : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -40
2 : #272527 : -38
4 : #282527 : -36
6 : #292428 : -34
8 : #292328 : -32
10 : #2a2229 : -30
12 : #2b2229 : -28
14 : #2c2129 : -26
16 : #2c202a : -24
18 : #2d1f2a : -22
20 : #2e1f2b : -20
22 : #2f1e2b : -18
24 : #2f1d2c : -16
26 : #301c2c : -14
28 : #311c2d : -12
30 : #321b2d : -10
32 : #321a2e : -8
34 : #33192e : -6
36 : #34182f : -4
38 : #35182f : -2
40 : #36172f : ±0
42 : #361630 : +2
44 : #371530 : +4
46 : #381531 : +6
48 : #391431 : +8
50 : #391332 : +10
52 : #3a1232 : +12
54 : #3b1233 : +14
56 : #3c1133 : +16
58 : #3c1034 : +18
60 : #3d0f34 : +20
62 : #3e0f34 : +22
64 : #3f0e35 : +24
66 : #3f0d35 : +26
68 : #400c36 : +28
70 : #410b36 : +30
72 : #420b37 : +32
74 : #430a37 : +34
76 : #430938 : +36
78 : #440838 : +38
80 : #450839 : +40
82 : #460739 : +42
84 : #46063a : +44
86 : #47053a : +46
88 : #48053a : +48
90 : #49043b : +50
92 : #49033b : +52
94 : #4a023c : +54
96 : #4b023c : +56
98 : #4c013d : +58
100 : #4d003d : +60
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #040203 : -14
3 : #0b0509 : -12
5 : #120810 : -10
7 : #190b16 : -8
9 : #200e1c : -6
11 : #271123 : -4
13 : #2e1429 : -2
15 : #36172f : ±0
17 : #3d1a36 : +2
19 : #441d3c : +4
21 : #4b2042 : +6
23 : #522349 : +8
25 : #59264f : +10
27 : #602955 : +12
29 : #682c5c : +14
31 : #6f2f62 : +16
33 : #763268 : +18
35 : #7d366f : +20
37 : #843975 : +22
39 : #8b3c7b : +24
41 : #923f82 : +26
43 : #9a4288 : +28
45 : #a1458e : +30
47 : #a84895 : +32
49 : #af4b9b : +34
51 : #b450a0 : +36
53 : #b757a4 : +38
55 : #ba5ea8 : +40
57 : #bd65ac : +42
59 : #c06db0 : +44
61 : #c374b3 : +46
63 : #c67bb7 : +48
65 : #c982bb : +50
67 : #cd89bf : +52
69 : #d090c3 : +54
71 : #d397c7 : +56
73 : #d69fcb : +58
75 : #d9a6cf : +60
77 : #dcadd2 : +62
79 : #dfb4d6 : +64
81 : #e2bbda : +66
83 : #e5c2de : +68
85 : #e8c9e2 : +70
87 : #ebd1e6 : +72
89 : #eed8ea : +74
91 : #f1dfee : +76
93 : #f4e6f1 : +78
95 : #f7edf5 : +80
97 : #faf4f9 : +82
99 : #fdfbfd : +84
CSS入門、作ってます。
text-shadow