#bb8f63
RGB ( 赤 = 187, 緑 = 143, 青 = 99 )
HSL ( 色相 = 30°, 彩度 = 39%, 明度 = 56% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #bb6363 : -30
10 : #bb7263 : -20
20 : #bb8063 : -10
30 : #bb8f63 : ±0
40 : #bb9d63 : +10
50 : #bbac63 : +20
60 : #bbbb63 : +30
70 : #acbb63 : +40
80 : #9dbb63 : +50
90 : #8fbb63 : +60
100 : #80bb63 : +70
110 : #72bb63 : +80
120 : #63bb63 : +90
130 : #63bb72 : +100
140 : #63bb80 : +110
150 : #63bb8f : +120
160 : #63bb9d : +130
170 : #63bbac : +140
180 : #63bbbb : +150
190 : #63acbb : +160
200 : #639dbb : +170
210 : #638fbb : +180
220 : #6380bb : +190
230 : #6372bb : +200
240 : #6363bb : +210
250 : #7263bb : +220
260 : #8063bb : +230
270 : #8f63bb : +240
280 : #9d63bb : +250
290 : #ac63bb : +260
300 : #bb63bb : +270
310 : #bb63ac : +280
320 : #bb639d : +290
330 : #bb638f : +300
340 : #bb6380 : +310
350 : #bb6372 : +320
20 : #bb8063 : -10
21 : #bb8263 : -9
22 : #bb8363 : -8
23 : #bb8563 : -7
24 : #bb8663 : -6
25 : #bb8863 : -5
26 : #bb8963 : -4
27 : #bb8a63 : -3
28 : #bb8c63 : -2
29 : #bb8d63 : -1
30 : #bb8f63 : ±0
31 : #bb9063 : +1
32 : #bb9263 : +2
33 : #bb9363 : +3
34 : #bb9563 : +4
35 : #bb9663 : +5
36 : #bb9863 : +6
37 : #bb9963 : +7
38 : #bb9a63 : +8
39 : #bb9c63 : +9
40 : #bb9d63 : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #908f8e : -38
3 : #928f8b : -36
5 : #948f89 : -34
7 : #978f87 : -32
9 : #998f85 : -30
11 : #9b8f82 : -28
13 : #9d8f80 : -26
15 : #a08f7e : -24
17 : #a28f7c : -22
19 : #a48f79 : -20
21 : #a68f77 : -18
23 : #a98f75 : -16
25 : #ab8f73 : -14
27 : #ad8f71 : -12
29 : #af8f6e : -10
31 : #b28f6c : -8
33 : #b48f6a : -6
35 : #b68f68 : -4
37 : #b88f65 : -2
39 : #bb8f63 : ±0
41 : #bd8f61 : +2
43 : #bf8f5f : +4
45 : #c18f5c : +6
47 : #c48f5a : +8
49 : #c68f58 : +10
51 : #c88f56 : +12
53 : #ca8f53 : +14
55 : #cd8f51 : +16
57 : #cf8f4f : +18
59 : #d18f4d : +20
61 : #d38f4a : +22
63 : #d58f48 : +24
65 : #d88f46 : +26
67 : #da8f44 : +28
69 : #dc8f41 : +30
71 : #de8f3f : +32
73 : #e18f3d : +34
75 : #e38f3b : +36
77 : #e58f38 : +38
79 : #e78f36 : +40
81 : #ea8f34 : +42
83 : #ec8f32 : +44
85 : #ee8f2f : +46
87 : #f08f2d : +48
89 : #f38f2b : +50
91 : #f58f29 : +52
93 : #f78f26 : +54
95 : #f98f24 : +56
97 : #fc8f22 : +58
99 : #fe8f20 : +60
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #070503 : -54
4 : #0e0a06 : -52
6 : #150f09 : -50
8 : #1c140c : -48
10 : #231a10 : -46
12 : #2b1f13 : -44
14 : #322416 : -42
16 : #392919 : -40
18 : #402e1c : -38
20 : #47331f : -36
22 : #4e3822 : -34
24 : #553d25 : -32
26 : #5c4228 : -30
28 : #63472c : -28
30 : #6a4d2f : -26
32 : #715232 : -24
34 : #795735 : -22
36 : #805c38 : -20
38 : #87613b : -18
40 : #8e663e : -16
42 : #956b41 : -14
44 : #9c7044 : -12
46 : #a37548 : -10
48 : #aa7a4b : -8
50 : #b1804e : -6
52 : #b48555 : -4
54 : #b78a5c : -2
56 : #bb8f63 : ±0
58 : #be946a : +2
60 : #c19971 : +4
62 : #c49e78 : +6
64 : #c7a37f : +8
66 : #caa886 : +10
68 : #cdad8e : +12
70 : #d0b395 : +14
72 : #d3b89c : +16
74 : #d7bda3 : +18
76 : #dac2aa : +20
78 : #ddc7b1 : +22
80 : #e0ccb8 : +24
82 : #e3d1bf : +26
84 : #e6d6c6 : +28
86 : #e9dbcd : +30
88 : #ece0d4 : +32
90 : #efe6dc : +34
92 : #f3ebe3 : +36
94 : #f6f0ea : +38
96 : #f9f5f1 : +40
98 : #fcfaf8 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow