#8b633c
RGB ( 赤 = 139, 緑 = 99, 青 = 60 )
HSL ( 色相 = 30°, 彩度 = 40%, 明度 = 39% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8b3c3c : -30
10 : #8b493c : -20
20 : #8b563c : -10
30 : #8b633c : ±0
40 : #8b713c : +10
50 : #8b7e3c : +20
60 : #8b8b3c : +30
70 : #7e8b3c : +40
80 : #718b3c : +50
90 : #638b3c : +60
100 : #568b3c : +70
110 : #498b3c : +80
120 : #3c8b3c : +90
130 : #3c8b49 : +100
140 : #3c8b56 : +110
150 : #3c8b63 : +120
160 : #3c8b71 : +130
170 : #3c8b7e : +140
180 : #3c8b8b : +150
190 : #3c7e8b : +160
200 : #3c718b : +170
210 : #3c638b : +180
220 : #3c568b : +190
230 : #3c498b : +200
240 : #3c3c8b : +210
250 : #493c8b : +220
260 : #563c8b : +230
270 : #633c8b : +240
280 : #713c8b : +250
290 : #7e3c8b : +260
300 : #8b3c8b : +270
310 : #8b3c7e : +280
320 : #8b3c71 : +290
330 : #8b3c63 : +300
340 : #8b3c56 : +310
350 : #8b3c49 : +320
20 : #8b563c : -10
21 : #8b583c : -9
22 : #8b593c : -8
23 : #8b5a3c : -7
24 : #8b5b3c : -6
25 : #8b5d3c : -5
26 : #8b5e3c : -4
27 : #8b5f3c : -3
28 : #8b613c : -2
29 : #8b623c : -1
30 : #8b633c : ±0
31 : #8b653c : +1
32 : #8b663c : +2
33 : #8b673c : +3
34 : #8b693c : +4
35 : #8b6a3c : +5
36 : #8b6b3c : +6
37 : #8b6d3c : +7
38 : #8b6e3c : +8
39 : #8b6f3c : +9
40 : #8b713c : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -40
2 : #656361 : -38
4 : #67635f : -36
6 : #69635d : -34
8 : #6b635b : -32
10 : #6d635a : -30
12 : #6f6358 : -28
14 : #716356 : -26
16 : #736354 : -24
18 : #756352 : -22
20 : #776350 : -20
22 : #79634e : -18
24 : #7b634c : -16
26 : #7d634a : -14
28 : #7f6348 : -12
30 : #816346 : -10
32 : #836344 : -8
34 : #856342 : -6
36 : #876340 : -4
38 : #89633e : -2
40 : #8b633c : ±0
42 : #8d633a : +2
44 : #8f6338 : +4
46 : #916336 : +6
48 : #936334 : +8
50 : #956332 : +10
52 : #976330 : +12
54 : #99632e : +14
56 : #9b632c : +16
58 : #9d632a : +18
60 : #9f6328 : +20
62 : #a16326 : +22
64 : #a36324 : +24
66 : #a56322 : +26
68 : #a76320 : +28
70 : #a9631e : +30
72 : #ab631c : +32
74 : #ad631a : +34
76 : #af6318 : +36
78 : #b16316 : +38
80 : #b36314 : +40
82 : #b56312 : +42
84 : #b76310 : +44
86 : #b9630e : +46
88 : #bb630c : +48
90 : #bd630a : +50
92 : #bf6308 : +52
94 : #c16306 : +54
96 : #c36304 : +56
98 : #c56302 : +58
100 : #c76300 : +60
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #040302 : -38
3 : #0b0805 : -36
5 : #120d08 : -34
7 : #19120b : -32
9 : #20170e : -30
11 : #271c11 : -28
13 : #2e2114 : -26
15 : #362617 : -24
17 : #3d2b1a : -22
19 : #44301d : -20
21 : #4b3620 : -18
23 : #523b23 : -16
25 : #594026 : -14
27 : #604529 : -12
29 : #684a2c : -10
31 : #6f4f2f : -8
33 : #765432 : -6
35 : #7d5936 : -4
37 : #845e39 : -2
39 : #8b633c : ±0
41 : #92693f : +2
43 : #9a6e42 : +4
45 : #a17345 : +6
47 : #a87848 : +8
49 : #af7d4b : +10
51 : #b48250 : +12
53 : #b78757 : +14
55 : #ba8c5e : +16
57 : #bd9165 : +18
59 : #c0966d : +20
61 : #c39c74 : +22
63 : #c6a17b : +24
65 : #c9a682 : +26
67 : #cdab89 : +28
69 : #d0b090 : +30
71 : #d3b597 : +32
73 : #d6ba9f : +34
75 : #d9bfa6 : +36
77 : #dcc4ad : +38
79 : #dfc9b4 : +40
81 : #e2cfbb : +42
83 : #e5d4c2 : +44
85 : #e8d9c9 : +46
87 : #ebded1 : +48
89 : #eee3d8 : +50
91 : #f1e8df : +52
93 : #f4ede6 : +54
95 : #f7f2ed : +56
97 : #faf7f4 : +58
99 : #fdfcfb : +60
CSS入門、作ってます。
text-shadow