#d87b4f
RGB ( 赤 = 216, 緑 = 123, 青 = 79 )
HSL ( 色相 = 19°, 彩度 = 64%, 明度 = 58% )
H : 色相 ( 19° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #d8644f : -10
19 : #d87b4f : ±0
29 : #d8924f : +10
39 : #d8a84f : +20
49 : #d8bf4f : +30
59 : #d8d64f : +40
69 : #c4d84f : +50
79 : #add84f : +60
89 : #96d84f : +70
99 : #7fd84f : +80
109 : #68d84f : +90
119 : #52d84f : +100
129 : #4fd864 : +110
139 : #4fd87b : +120
149 : #4fd892 : +130
159 : #4fd8a8 : +140
169 : #4fd8bf : +150
179 : #4fd8d6 : +160
189 : #4fc4d8 : +170
199 : #4fadd8 : +180
209 : #4f96d8 : +190
219 : #4f7fd8 : +200
229 : #4f68d8 : +210
239 : #4f52d8 : +220
249 : #644fd8 : +230
259 : #7b4fd8 : +240
269 : #924fd8 : +250
279 : #a84fd8 : +260
289 : #bf4fd8 : +270
299 : #d64fd8 : +280
309 : #d84fc4 : +290
319 : #d84fad : +300
329 : #d84f96 : +310
339 : #d84f7f : +320
349 : #d84f68 : +330
359 : #d84f52 : +340
9 : #d8644f : -10
10 : #d8664f : -9
11 : #d8684f : -8
12 : #d86b4f : -7
13 : #d86d4f : -6
14 : #d86f4f : -5
15 : #d8724f : -4
16 : #d8744f : -3
17 : #d8764f : -2
18 : #d8784f : -1
19 : #d87b4f : ±0
20 : #d87d4f : +1
21 : #d87f4f : +2
22 : #d8824f : +3
23 : #d8844f : +4
24 : #d8864f : +5
25 : #d8884f : +6
26 : #d88b4f : +7
27 : #d88d4f : +8
28 : #d88f4f : +9
29 : #d8924f : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -64
2 : #969392 : -62
4 : #989290 : -60
6 : #9a928d : -58
8 : #9c918b : -56
10 : #9f9089 : -54
12 : #a18f87 : -52
14 : #a38e85 : -50
16 : #a58e83 : -48
18 : #a78d81 : -46
20 : #a98c7e : -44
22 : #ab8b7c : -42
24 : #ae8a7a : -40
26 : #b08a78 : -38
28 : #b28976 : -36
30 : #b48874 : -34
32 : #b68772 : -32
34 : #b8876f : -30
36 : #ba866d : -28
38 : #bd856b : -26
40 : #bf8469 : -24
42 : #c18367 : -22
44 : #c38365 : -20
46 : #c58263 : -18
48 : #c78160 : -16
50 : #c9805e : -14
52 : #cc7f5c : -12
54 : #ce7f5a : -10
56 : #d07e58 : -8
58 : #d27d56 : -6
60 : #d47c54 : -4
62 : #d67c51 : -2
64 : #d87b4f : ±0
66 : #db7a4d : +2
68 : #dd794b : +4
70 : #df7849 : +6
72 : #e17847 : +8
74 : #e37745 : +10
76 : #e57643 : +12
78 : #e77540 : +14
80 : #ea743e : +16
82 : #ec743c : +18
84 : #ee733a : +20
86 : #f07238 : +22
88 : #f27136 : +24
90 : #f47134 : +26
92 : #f67031 : +28
94 : #f96f2f : +30
96 : #fb6e2d : +32
98 : #fd6d2b : +34
100 : #ff6d29 : +36
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #080402 : -56
4 : #110804 : -54
6 : #190c06 : -52
8 : #211007 : -50
10 : #2a1409 : -48
12 : #32170b : -46
14 : #3b1b0d : -44
16 : #431f0f : -42
18 : #4b2311 : -40
20 : #542712 : -38
22 : #5c2b14 : -36
24 : #642f16 : -34
26 : #6d3318 : -32
28 : #75371a : -30
30 : #7d3b1c : -28
32 : #863e1d : -26
34 : #8e421f : -24
36 : #974621 : -22
38 : #9f4a23 : -20
40 : #a74e25 : -18
42 : #b05227 : -16
44 : #b85628 : -14
46 : #c05a2a : -12
48 : #c95e2c : -10
50 : #d1622e : -8
52 : #d36836 : -6
54 : #d56e3f : -4
56 : #d77447 : -2
58 : #d87b4f : ±0
60 : #da8158 : +2
62 : #dc8760 : +4
64 : #de8e68 : +6
66 : #e09471 : +8
68 : #e29a79 : +10
70 : #e3a182 : +12
72 : #e5a78a : +14
74 : #e7ad92 : +16
76 : #e9b39b : +18
78 : #ebbaa3 : +20
80 : #edc0ab : +22
82 : #eec6b4 : +24
84 : #f0cdbc : +26
86 : #f2d3c4 : +28
88 : #f4d9cd : +30
90 : #f6e0d5 : +32
92 : #f8e6de : +34
94 : #f9ece6 : +36
96 : #fbf2ee : +38
98 : #fdf9f7 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow