#d96826
RGB ( 赤 = 217, 緑 = 104, 青 = 38 )
HSL ( 色相 = 22°, 彩度 = 70%, 明度 = 50% )
H : 色相 ( 22° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #d92c26 : -20
12 : #d94a26 : -10
22 : #d96826 : ±0
32 : #d98526 : +10
42 : #d9a326 : +20
52 : #d9c126 : +30
62 : #d3d926 : +40
72 : #b5d926 : +50
82 : #97d926 : +60
92 : #7ad926 : +70
102 : #5cd926 : +80
112 : #3ed926 : +90
122 : #26d92c : +100
132 : #26d94a : +110
142 : #26d968 : +120
152 : #26d985 : +130
162 : #26d9a3 : +140
172 : #26d9c1 : +150
182 : #26d3d9 : +160
192 : #26b5d9 : +170
202 : #2697d9 : +180
212 : #267ad9 : +190
222 : #265cd9 : +200
232 : #263ed9 : +210
242 : #2c26d9 : +220
252 : #4a26d9 : +230
262 : #6826d9 : +240
272 : #8526d9 : +250
282 : #a326d9 : +260
292 : #c126d9 : +270
302 : #d926d3 : +280
312 : #d926b5 : +290
322 : #d92697 : +300
332 : #d9267a : +310
342 : #d9265c : +320
352 : #d9263e : +330
12 : #d94a26 : -10
13 : #d94d26 : -9
14 : #d95026 : -8
15 : #d95326 : -7
16 : #d95626 : -6
17 : #d95926 : -5
18 : #d95c26 : -4
19 : #d95f26 : -3
20 : #d96226 : -2
21 : #d96526 : -1
22 : #d96826 : ±0
23 : #d96b26 : +1
24 : #d96e26 : +2
25 : #d97126 : +3
26 : #d97426 : +4
27 : #d97726 : +5
28 : #d97a26 : +6
29 : #d97d26 : +7
30 : #d98026 : +8
31 : #d98226 : +9
32 : #d98526 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -70
2 : #827f7d : -68
4 : #857e7a : -66
6 : #877d78 : -64
8 : #8a7d75 : -62
10 : #8c7c73 : -60
12 : #8f7b70 : -58
14 : #917b6e : -56
16 : #947a6b : -54
18 : #967969 : -52
20 : #997966 : -50
22 : #9c7863 : -48
24 : #9e7761 : -46
26 : #a1775e : -44
28 : #a3765c : -42
30 : #a67559 : -40
32 : #a87557 : -38
34 : #ab7454 : -36
36 : #ad7352 : -34
38 : #b0734f : -32
40 : #b3724d : -30
42 : #b5714a : -28
44 : #b87147 : -26
46 : #ba7045 : -24
48 : #bd6f42 : -22
50 : #bf6f40 : -20
52 : #c26e3d : -18
54 : #c46d3b : -16
56 : #c76c38 : -14
58 : #c96c36 : -12
60 : #cc6b33 : -10
62 : #cf6a30 : -8
64 : #d16a2e : -6
66 : #d4692b : -4
68 : #d66829 : -2
70 : #d96826 : ±0
72 : #db6724 : +2
74 : #de6621 : +4
76 : #e0661f : +6
78 : #e3651c : +8
80 : #e6641a : +10
82 : #e86417 : +12
84 : #eb6314 : +14
86 : #ed6212 : +16
88 : #f0620f : +18
90 : #f2610d : +20
92 : #f5600a : +22
94 : #f76008 : +24
96 : #fa5f05 : +26
98 : #fc5e03 : +28
100 : #ff5e00 : +30
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #090402 : -48
4 : #110803 : -46
6 : #1a0c05 : -44
8 : #231106 : -42
10 : #2b1508 : -40
12 : #341909 : -38
14 : #3d1d0b : -36
16 : #45210c : -34
18 : #4e250e : -32
20 : #57290f : -30
22 : #5f2e11 : -28
24 : #683212 : -26
26 : #713614 : -24
28 : #793a15 : -22
30 : #823e17 : -20
32 : #8b4218 : -18
34 : #93471a : -16
36 : #9c4b1c : -14
38 : #a54f1d : -12
40 : #ad531f : -10
42 : #b65720 : -8
44 : #bf5b22 : -6
46 : #c75f23 : -4
48 : #d06425 : -2
50 : #d96826 : ±0
52 : #da6e2f : +2
54 : #dc7438 : +4
56 : #dd7a40 : +6
58 : #df8049 : +8
60 : #e08652 : +10
62 : #e28c5a : +12
64 : #e39263 : +14
66 : #e5986c : +16
68 : #e79e74 : +18
70 : #e8a47d : +20
72 : #eaaa86 : +22
74 : #ebb08e : +24
76 : #edb697 : +26
78 : #eebca0 : +28
80 : #f0c2a8 : +30
82 : #f1c9b1 : +32
84 : #f3cfba : +34
86 : #f4d5c2 : +36
88 : #f6dbcb : +38
90 : #f7e1d4 : +40
92 : #f9e7dc : +42
94 : #faede5 : +44
96 : #fcf3ee : +46
98 : #fdf9f6 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow