#361731
RGB ( 赤 = 54, 緑 = 23, 青 = 49 )
HSL ( 色相 = 310°, 彩度 = 40%, 明度 = 15% )
H : 色相 ( 310° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #361717 : -310
10 : #361c17 : -300
20 : #362117 : -290
30 : #362617 : -280
40 : #362b17 : -270
50 : #363017 : -260
60 : #363617 : -250
70 : #303617 : -240
80 : #2b3617 : -230
90 : #263617 : -220
100 : #213617 : -210
110 : #1c3617 : -200
120 : #173617 : -190
130 : #17361c : -180
140 : #173621 : -170
150 : #173626 : -160
160 : #17362b : -150
170 : #173630 : -140
180 : #173636 : -130
190 : #173036 : -120
200 : #172b36 : -110
210 : #172636 : -100
220 : #172136 : -90
230 : #171c36 : -80
240 : #171736 : -70
250 : #1c1736 : -60
260 : #211736 : -50
270 : #261736 : -40
280 : #2b1736 : -30
290 : #301736 : -20
300 : #361736 : -10
310 : #361730 : ±0
320 : #36172b : +10
330 : #361726 : +20
340 : #361721 : +30
350 : #36171c : +40
300 : #361736 : -10
301 : #361735 : -9
302 : #361735 : -8
303 : #361734 : -7
304 : #361734 : -6
305 : #361733 : -5
306 : #361732 : -4
307 : #361732 : -3
308 : #361731 : -2
309 : #361731 : -1
310 : #361730 : ±0
311 : #361730 : +1
312 : #36172f : +2
313 : #36172f : +3
314 : #36172e : +4
315 : #36172e : +5
316 : #36172d : +6
317 : #36172d : +7
318 : #36172c : +8
319 : #36172c : +9
320 : #36172b : +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 : #2c212a : -26
16 : #2c202a : -24
18 : #2d1f2b : -22
20 : #2e1f2b : -20
22 : #2f1e2c : -18
24 : #2f1d2c : -16
26 : #301c2d : -14
28 : #311c2d : -12
30 : #321b2e : -10
32 : #321a2e : -8
34 : #33192f : -6
36 : #34182f : -4
38 : #351830 : -2
40 : #361730 : ±0
42 : #361631 : +2
44 : #371531 : +4
46 : #381532 : +6
48 : #391432 : +8
50 : #391333 : +10
52 : #3a1234 : +12
54 : #3b1234 : +14
56 : #3c1135 : +16
58 : #3c1035 : +18
60 : #3d0f36 : +20
62 : #3e0f36 : +22
64 : #3f0e37 : +24
66 : #3f0d37 : +26
68 : #400c38 : +28
70 : #410b38 : +30
72 : #420b39 : +32
74 : #430a39 : +34
76 : #43093a : +36
78 : #44083a : +38
80 : #45083b : +40
82 : #46073b : +42
84 : #46063c : +44
86 : #47053c : +46
88 : #48053d : +48
90 : #49043d : +50
92 : #49033e : +52
94 : #4a023e : +54
96 : #4b023f : +56
98 : #4c013f : +58
100 : #4d0040 : +60
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #040203 : -14
3 : #0b050a : -12
5 : #120810 : -10
7 : #190b17 : -8
9 : #200e1d : -6
11 : #271124 : -4
13 : #2e142a : -2
15 : #361730 : ±0
17 : #3d1a37 : +2
19 : #441d3d : +4
21 : #4b2044 : +6
23 : #52234a : +8
25 : #592651 : +10
27 : #602957 : +12
29 : #682c5e : +14
31 : #6f2f64 : +16
33 : #76326b : +18
35 : #7d3671 : +20
37 : #843978 : +22
39 : #8b3c7e : +24
41 : #923f84 : +26
43 : #9a428b : +28
45 : #a14591 : +30
47 : #a84898 : +32
49 : #af4b9e : +34
51 : #b450a3 : +36
53 : #b757a7 : +38
55 : #ba5eab : +40
57 : #bd65af : +42
59 : #c06db2 : +44
61 : #c374b6 : +46
63 : #c67bba : +48
65 : #c982be : +50
67 : #cd89c1 : +52
69 : #d090c5 : +54
71 : #d397c9 : +56
73 : #d69fcd : +58
75 : #d9a6d0 : +60
77 : #dcadd4 : +62
79 : #dfb4d8 : +64
81 : #e2bbdb : +66
83 : #e5c2df : +68
85 : #e8c9e3 : +70
87 : #ebd1e7 : +72
89 : #eed8ea : +74
91 : #f1dfee : +76
93 : #f4e6f2 : +78
95 : #f7edf6 : +80
97 : #faf4f9 : +82
99 : #fdfbfd : +84
CSS入門、作ってます。
text-shadow