#d97436
RGB ( 赤 = 217, 緑 = 116, 青 = 54 )
HSL ( 色相 = 23°, 彩度 = 68%, 明度 = 53% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #d93e36 : -20
13 : #d95936 : -10
23 : #d97436 : ±0
33 : #d98f36 : +10
43 : #d9aa36 : +20
53 : #d9c636 : +30
63 : #d0d936 : +40
73 : #b5d936 : +50
83 : #9ad936 : +60
93 : #7fd936 : +70
103 : #64d936 : +80
113 : #49d936 : +90
123 : #36d93e : +100
133 : #36d959 : +110
143 : #36d974 : +120
153 : #36d98f : +130
163 : #36d9aa : +140
173 : #36d9c6 : +150
183 : #36d0d9 : +160
193 : #36b5d9 : +170
203 : #369ad9 : +180
213 : #367fd9 : +190
223 : #3664d9 : +200
233 : #3649d9 : +210
243 : #3e36d9 : +220
253 : #5936d9 : +230
263 : #7436d9 : +240
273 : #8f36d9 : +250
283 : #aa36d9 : +260
293 : #c636d9 : +270
303 : #d936d0 : +280
313 : #d936b5 : +290
323 : #d9369a : +300
333 : #d9367f : +310
343 : #d93664 : +320
353 : #d93649 : +330
13 : #d95936 : -10
14 : #d95c36 : -9
15 : #d95e36 : -8
16 : #d96136 : -7
17 : #d96436 : -6
18 : #d96736 : -5
19 : #d96936 : -4
20 : #d96c36 : -3
21 : #d96f36 : -2
22 : #d97136 : -1
23 : #d97436 : ±0
24 : #d97736 : +1
25 : #d97a36 : +2
26 : #d97c36 : +3
27 : #d97f36 : +4
28 : #d98236 : +5
29 : #d98436 : +6
30 : #d98736 : +7
31 : #d98a36 : +8
32 : #d98d36 : +9
33 : #d98f36 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #878787 : -68
2 : #8a8785 : -66
4 : #8c8682 : -64
6 : #8e8580 : -62
8 : #91857e : -60
10 : #93847b : -58
12 : #968479 : -56
14 : #988376 : -54
16 : #9a8374 : -52
18 : #9d8272 : -50
20 : #9f826f : -48
22 : #a2816d : -46
24 : #a4806a : -44
26 : #a68068 : -42
28 : #a97f66 : -40
30 : #ab7f63 : -38
32 : #ae7e61 : -36
34 : #b07e5e : -34
36 : #b27d5c : -32
38 : #b57d5a : -30
40 : #b77c57 : -28
42 : #b97b55 : -26
44 : #bc7b52 : -24
46 : #be7a50 : -22
48 : #c17a4e : -20
50 : #c3794b : -18
52 : #c57949 : -16
54 : #c87846 : -14
56 : #ca7744 : -12
58 : #cd7742 : -10
60 : #cf763f : -8
62 : #d1763d : -6
64 : #d4753a : -4
66 : #d67538 : -2
68 : #d97436 : ±0
70 : #db7433 : +2
72 : #dd7331 : +4
74 : #e0722e : +6
76 : #e2722c : +8
78 : #e5712a : +10
80 : #e77127 : +12
82 : #e97025 : +14
84 : #ec7022 : +16
86 : #ee6f20 : +18
88 : #f16f1e : +20
90 : #f36e1b : +22
92 : #f56d19 : +24
94 : #f86d16 : +26
96 : #fa6c14 : +28
98 : #fd6c12 : +30
100 : #ff6b0f : +32
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -52
3 : #0d0602 : -50
5 : #150b04 : -48
7 : #1e0f06 : -46
9 : #271307 : -44
11 : #2f1809 : -42
13 : #381c0b : -40
15 : #40200c : -38
17 : #49240e : -36
19 : #512910 : -34
21 : #5a2d11 : -32
23 : #633113 : -30
25 : #6b3614 : -28
27 : #743a16 : -26
29 : #7c3e18 : -24
31 : #854319 : -22
33 : #8d471b : -20
35 : #964b1d : -18
37 : #9f4f1e : -16
39 : #a75420 : -14
41 : #b05821 : -12
43 : #b85c23 : -10
45 : #c16125 : -8
47 : #c96526 : -6
49 : #d26928 : -4
51 : #d76e2d : -2
53 : #d97436 : ±0
55 : #da7a3e : +2
57 : #dc8047 : +4
59 : #de864f : +6
61 : #df8c58 : +8
63 : #e19260 : +10
65 : #e29869 : +12
67 : #e49d72 : +14
69 : #e6a37a : +16
71 : #e7a983 : +18
73 : #e9af8b : +20
75 : #ebb594 : +22
77 : #ecbb9c : +24
79 : #eec1a5 : +26
81 : #efc7ae : +28
83 : #f1cdb6 : +30
85 : #f3d3bf : +32
87 : #f4d9c7 : +34
89 : #f6ded0 : +36
91 : #f8e4d8 : +38
93 : #f9eae1 : +40
95 : #fbf0ea : +42
97 : #fdf6f2 : +44
99 : #fefcfb : +46
CSS入門、作ってます。
text-shadow