#b16b48
RGB ( 赤 = 177, 緑 = 107, 青 = 72 )
HSL ( 色相 = 20°, 彩度 = 42%, 明度 = 49% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #b14848 : -20
10 : #b15a48 : -10
20 : #b16b48 : ±0
30 : #b17d48 : +10
40 : #b18e48 : +20
50 : #b1a048 : +30
60 : #b1b148 : +40
70 : #a0b148 : +50
80 : #8eb148 : +60
90 : #7db148 : +70
100 : #6bb148 : +80
110 : #5ab148 : +90
120 : #48b148 : +100
130 : #48b15a : +110
140 : #48b16b : +120
150 : #48b17d : +130
160 : #48b18e : +140
170 : #48b1a0 : +150
180 : #48b1b1 : +160
190 : #48a0b1 : +170
200 : #488eb1 : +180
210 : #487db1 : +190
220 : #486bb1 : +200
230 : #485ab1 : +210
240 : #4848b1 : +220
250 : #5a48b1 : +230
260 : #6b48b1 : +240
270 : #7d48b1 : +250
280 : #8e48b1 : +260
290 : #a048b1 : +270
300 : #b148b1 : +280
310 : #b148a0 : +290
320 : #b1488e : +300
330 : #b1487d : +310
340 : #b1486b : +320
350 : #b1485a : +330
10 : #b15a48 : -10
11 : #b15c48 : -9
12 : #b15d48 : -8
13 : #b15f48 : -7
14 : #b16148 : -6
15 : #b16348 : -5
16 : #b16448 : -4
17 : #b16648 : -3
18 : #b16848 : -2
19 : #b16a48 : -1
20 : #b16b48 : ±0
21 : #b16d48 : +1
22 : #b16f48 : +2
23 : #b17148 : +3
24 : #b17248 : +4
25 : #b17448 : +5
26 : #b17648 : +6
27 : #b17848 : +7
28 : #b17948 : +8
29 : #b17b48 : +9
30 : #b17d48 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7c7c7c : -42
2 : #7f7c7a : -40
4 : #827b78 : -38
6 : #847a75 : -36
8 : #877a73 : -34
10 : #897970 : -32
12 : #8c786e : -30
14 : #8e776b : -28
16 : #917669 : -26
18 : #937566 : -24
20 : #967564 : -22
22 : #987461 : -20
24 : #9b735f : -18
26 : #9d725c : -16
28 : #a0715a : -14
30 : #a27057 : -12
32 : #a57055 : -10
34 : #a76f52 : -8
36 : #aa6e50 : -6
38 : #ac6d4d : -4
40 : #af6c4b : -2
42 : #b16b48 : ±0
44 : #b46b46 : +2
46 : #b66a43 : +4
48 : #b96941 : +6
50 : #bb683e : +8
52 : #be673c : +10
54 : #c06639 : +12
56 : #c36637 : +14
58 : #c56534 : +16
60 : #c86432 : +18
62 : #ca632f : +20
64 : #cd622d : +22
66 : #cf612a : +24
68 : #d26128 : +26
70 : #d46025 : +28
72 : #d75f23 : +30
74 : #d95e20 : +32
76 : #dc5d1e : +34
78 : #de5c1b : +36
80 : #e15c19 : +38
82 : #e35b16 : +40
84 : #e65a14 : +42
86 : #e85911 : +44
88 : #eb580f : +46
90 : #ed570c : +48
92 : #f0570a : +50
94 : #f25607 : +52
96 : #f55505 : +54
98 : #f75402 : +56
100 : #fa5300 : +58
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -48
3 : #0b0704 : -46
5 : #120b07 : -44
7 : #190f0a : -42
9 : #21140d : -40
11 : #281810 : -38
13 : #2f1d13 : -36
15 : #362116 : -34
17 : #3e2519 : -32
19 : #452a1c : -30
21 : #4c2e1f : -28
23 : #533222 : -26
25 : #5b3725 : -24
27 : #623b28 : -22
29 : #69402b : -20
31 : #70442e : -18
33 : #774831 : -16
35 : #7f4d34 : -14
37 : #865137 : -12
39 : #8d563a : -10
41 : #945a3d : -8
43 : #9c5e40 : -6
45 : #a36343 : -4
47 : #aa6746 : -2
49 : #b16b48 : ±0
51 : #b7714e : +2
53 : #b97655 : +4
55 : #bc7c5c : +6
57 : #bf8263 : +8
59 : #c2886b : +10
61 : #c58e72 : +12
63 : #c89379 : +14
65 : #cb9980 : +16
67 : #ce9f88 : +18
69 : #d1a58f : +20
71 : #d4ab96 : +22
73 : #d7b19d : +24
75 : #dab6a4 : +26
77 : #ddbcac : +28
79 : #e0c2b3 : +30
81 : #e3c8ba : +32
83 : #e6cec1 : +34
85 : #e9d3c9 : +36
87 : #ecd9d0 : +38
89 : #efdfd7 : +40
91 : #f2e5de : +42
93 : #f5ebe6 : +44
95 : #f8f0ed : +46
97 : #fbf6f4 : +48
99 : #fefcfb : +50
CSS入門、作ってます。
text-shadow