#bd724c
RGB ( 赤 = 189, 緑 = 114, 青 = 76 )
HSL ( 色相 = 20°, 彩度 = 46%, 明度 = 52% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #bd4c4c : -20
10 : #bd5f4c : -10
20 : #bd724c : ±0
30 : #bd854c : +10
40 : #bd974c : +20
50 : #bdaa4c : +30
60 : #bdbd4c : +40
70 : #aabd4c : +50
80 : #97bd4c : +60
90 : #85bd4c : +70
100 : #72bd4c : +80
110 : #5fbd4c : +90
120 : #4cbd4c : +100
130 : #4cbd5f : +110
140 : #4cbd72 : +120
150 : #4cbd85 : +130
160 : #4cbd97 : +140
170 : #4cbdaa : +150
180 : #4cbdbd : +160
190 : #4caabd : +170
200 : #4c97bd : +180
210 : #4c85bd : +190
220 : #4c72bd : +200
230 : #4c5fbd : +210
240 : #4c4cbd : +220
250 : #5f4cbd : +230
260 : #724cbd : +240
270 : #854cbd : +250
280 : #974cbd : +260
290 : #aa4cbd : +270
300 : #bd4cbd : +280
310 : #bd4caa : +290
320 : #bd4c97 : +300
330 : #bd4c85 : +310
340 : #bd4c72 : +320
350 : #bd4c5f : +330
10 : #bd5f4c : -10
11 : #bd614c : -9
12 : #bd634c : -8
13 : #bd654c : -7
14 : #bd674c : -6
15 : #bd684c : -5
16 : #bd6a4c : -4
17 : #bd6c4c : -3
18 : #bd6e4c : -2
19 : #bd704c : -1
20 : #bd724c : ±0
21 : #bd744c : +1
22 : #bd764c : +2
23 : #bd774c : +3
24 : #bd794c : +4
25 : #bd7b4c : +5
26 : #bd7d4c : +6
27 : #bd7f4c : +7
28 : #bd814c : +8
29 : #bd834c : +9
30 : #bd854c : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #848484 : -46
2 : #878482 : -44
4 : #898380 : -42
6 : #8c827d : -40
8 : #8e817b : -38
10 : #918178 : -36
12 : #938076 : -34
14 : #967f73 : -32
16 : #987e71 : -30
18 : #9b7d6f : -28
20 : #9d7c6c : -26
22 : #a07c6a : -24
24 : #a27b67 : -22
26 : #a47a65 : -20
28 : #a77962 : -18
30 : #a97860 : -16
32 : #ac785d : -14
34 : #ae775b : -12
36 : #b17659 : -10
38 : #b37556 : -8
40 : #b67454 : -6
42 : #b87351 : -4
44 : #ba734f : -2
46 : #bd724c : ±0
48 : #bf714a : +2
50 : #c27047 : +4
52 : #c46f45 : +6
54 : #c76f43 : +8
56 : #c96e40 : +10
58 : #cc6d3e : +12
60 : #ce6c3b : +14
62 : #d06b39 : +16
64 : #d36a36 : +18
66 : #d56a34 : +20
68 : #d86931 : +22
70 : #da682f : +24
72 : #dd672c : +26
74 : #df662a : +28
76 : #e26628 : +30
78 : #e46525 : +32
80 : #e76423 : +34
82 : #e96320 : +36
84 : #eb621e : +38
86 : #ee621b : +40
88 : #f06119 : +42
90 : #f36016 : +44
92 : #f55f14 : +46
94 : #f85e12 : +48
96 : #fa5d0f : +50
98 : #fd5d0d : +52
100 : #ff5c0a : +54
L : 明度 ( 52% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -52
2 : #070403 : -50
4 : #0f0906 : -48
6 : #160d08 : -46
8 : #1e110b : -44
10 : #25160e : -42
12 : #2d1a11 : -40
14 : #341e13 : -38
16 : #3c2316 : -36
18 : #432719 : -34
20 : #4a2b1c : -32
22 : #522f1e : -30
24 : #593421 : -28
26 : #613824 : -26
28 : #683c27 : -24
30 : #704129 : -22
32 : #77452c : -20
34 : #7f492f : -18
36 : #864e32 : -16
38 : #8d5234 : -14
40 : #955637 : -12
42 : #9c5b3a : -10
44 : #a45f3d : -8
46 : #ab633f : -6
48 : #b36842 : -4
50 : #ba6c45 : -2
52 : #bd724c : ±0
54 : #c07854 : +2
56 : #c27e5b : +4
58 : #c58363 : +6
60 : #c8896a : +8
62 : #cb8f72 : +10
64 : #cd9579 : +12
66 : #d09b80 : +14
68 : #d3a188 : +16
70 : #d6a78f : +18
72 : #d8ad97 : +20
74 : #dbb39e : +22
76 : #deb8a6 : +24
78 : #e1bead : +26
80 : #e3c4b5 : +28
82 : #e6cabc : +30
84 : #e9d0c3 : +32
86 : #ecd6cb : +34
88 : #eedcd2 : +36
90 : #f1e2da : +38
92 : #f4e7e1 : +40
94 : #f7ede9 : +42
96 : #f9f3f0 : +44
98 : #fcf9f8 : +46
100 : #ffffff : +48
CSS入門、作ってます。
text-shadow