#362817
RGB ( 赤 = 54, 緑 = 40, 青 = 23 )
HSL ( 色相 = 33°, 彩度 = 40%, 明度 = 15% )
H : 色相 ( 33° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #361817 : -30
13 : #361e17 : -20
23 : #362317 : -10
33 : #362817 : ±0
43 : #362d17 : +10
53 : #363217 : +20
63 : #343617 : +30
73 : #2f3617 : +40
83 : #2a3617 : +50
93 : #253617 : +60
103 : #203617 : +70
113 : #1b3617 : +80
123 : #173618 : +90
133 : #17361e : +100
143 : #173623 : +110
153 : #173628 : +120
163 : #17362d : +130
173 : #173632 : +140
183 : #173436 : +150
193 : #172f36 : +160
203 : #172a36 : +170
213 : #172536 : +180
223 : #172036 : +190
233 : #171b36 : +200
243 : #181736 : +210
253 : #1e1736 : +220
263 : #231736 : +230
273 : #281736 : +240
283 : #2d1736 : +250
293 : #321736 : +260
303 : #361734 : +270
313 : #36172f : +280
323 : #36172a : +290
333 : #361725 : +300
343 : #361720 : +310
353 : #36171b : +320
23 : #362317 : -10
24 : #362317 : -9
25 : #362417 : -8
26 : #362417 : -7
27 : #362517 : -6
28 : #362517 : -5
29 : #362617 : -4
30 : #362617 : -3
31 : #362717 : -2
32 : #362717 : -1
33 : #362817 : ±0
34 : #362817 : +1
35 : #362917 : +2
36 : #362917 : +3
37 : #362a17 : +4
38 : #362a17 : +5
39 : #362b17 : +6
40 : #362b17 : +7
41 : #362c17 : +8
42 : #362c17 : +9
43 : #362d17 : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -40
2 : #272625 : -38
4 : #282625 : -36
6 : #292624 : -34
8 : #292723 : -32
10 : #2a2722 : -30
12 : #2b2722 : -28
14 : #2c2721 : -26
16 : #2c2720 : -24
18 : #2d271f : -22
20 : #2e271f : -20
22 : #2f271e : -18
24 : #2f271d : -16
26 : #30271c : -14
28 : #31271c : -12
30 : #32271b : -10
32 : #32271a : -8
34 : #332819 : -6
36 : #342818 : -4
38 : #352818 : -2
40 : #362817 : ±0
42 : #362816 : +2
44 : #372815 : +4
46 : #382815 : +6
48 : #392814 : +8
50 : #392813 : +10
52 : #3a2812 : +12
54 : #3b2812 : +14
56 : #3c2811 : +16
58 : #3c2810 : +18
60 : #3d290f : +20
62 : #3e290f : +22
64 : #3f290e : +24
66 : #3f290d : +26
68 : #40290c : +28
70 : #41290b : +30
72 : #42290b : +32
74 : #43290a : +34
76 : #432909 : +36
78 : #442908 : +38
80 : #452908 : +40
82 : #462907 : +42
84 : #462906 : +44
86 : #472a05 : +46
88 : #482a05 : +48
90 : #492a04 : +50
92 : #492a03 : +52
94 : #4a2a02 : +54
96 : #4b2a02 : +56
98 : #4c2a01 : +58
100 : #4d2a00 : +60
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #040302 : -14
3 : #0b0805 : -12
5 : #120d08 : -10
7 : #19130b : -8
9 : #20180e : -6
11 : #271d11 : -4
13 : #2e2214 : -2
15 : #362817 : ±0
17 : #3d2d1a : +2
19 : #44321d : +4
21 : #4b3820 : +6
23 : #523d23 : +8
25 : #594226 : +10
27 : #604829 : +12
29 : #684d2c : +14
31 : #6f522f : +16
33 : #765832 : +18
35 : #7d5d36 : +20
37 : #846239 : +22
39 : #8b673c : +24
41 : #926d3f : +26
43 : #9a7242 : +28
45 : #a17745 : +30
47 : #a87d48 : +32
49 : #af824b : +34
51 : #b48750 : +36
53 : #b78c57 : +38
55 : #ba915e : +40
57 : #bd9665 : +42
59 : #c09b6d : +44
61 : #c3a074 : +46
63 : #c6a47b : +48
65 : #c9a982 : +50
67 : #cdae89 : +52
69 : #d0b390 : +54
71 : #d3b897 : +56
73 : #d6bd9f : +58
75 : #d9c2a6 : +60
77 : #dcc7ad : +62
79 : #dfccb4 : +64
81 : #e2d0bb : +66
83 : #e5d5c2 : +68
85 : #e8dac9 : +70
87 : #ebdfd1 : +72
89 : #eee4d8 : +74
91 : #f1e9df : +76
93 : #f4eee6 : +78
95 : #f7f3ed : +80
97 : #faf8f4 : +82
99 : #fdfdfb : +84
CSS入門、作ってます。
text-shadow