#7b4428
RGB ( 赤 = 123, 緑 = 68, 青 = 40 )
HSL ( 色相 = 20°, 彩度 = 51%, 明度 = 32% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #7b2828 : -20
10 : #7b3628 : -10
20 : #7b4428 : ±0
30 : #7b5228 : +10
40 : #7b5f28 : +20
50 : #7b6d28 : +30
60 : #7b7b28 : +40
70 : #6d7b28 : +50
80 : #5f7b28 : +60
90 : #527b28 : +70
100 : #447b28 : +80
110 : #367b28 : +90
120 : #287b28 : +100
130 : #287b36 : +110
140 : #287b44 : +120
150 : #287b52 : +130
160 : #287b5f : +140
170 : #287b6d : +150
180 : #287b7b : +160
190 : #286d7b : +170
200 : #285f7b : +180
210 : #28527b : +190
220 : #28447b : +200
230 : #28367b : +210
240 : #28287b : +220
250 : #36287b : +230
260 : #44287b : +240
270 : #52287b : +250
280 : #5f287b : +260
290 : #6d287b : +270
300 : #7b287b : +280
310 : #7b286d : +290
320 : #7b285f : +300
330 : #7b2852 : +310
340 : #7b2844 : +320
350 : #7b2836 : +330
10 : #7b3628 : -10
11 : #7b3728 : -9
12 : #7b3928 : -8
13 : #7b3a28 : -7
14 : #7b3b28 : -6
15 : #7b3d28 : -5
16 : #7b3e28 : -4
17 : #7b4028 : -3
18 : #7b4128 : -2
19 : #7b4228 : -1
20 : #7b4428 : ±0
21 : #7b4528 : +1
22 : #7b4728 : +2
23 : #7b4828 : +3
24 : #7b4928 : +4
25 : #7b4b28 : +5
26 : #7b4c28 : +6
27 : #7b4d28 : +7
28 : #7b4f28 : +8
29 : #7b5028 : +9
30 : #7b5228 : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #525151 : -50
3 : #54514f : -48
5 : #56504e : -46
7 : #57504c : -44
9 : #594f4a : -42
11 : #5b4f49 : -40
13 : #5c4e47 : -38
15 : #5e4e45 : -36
17 : #5f4d44 : -34
19 : #614c42 : -32
21 : #634c40 : -30
23 : #644b3f : -28
25 : #664b3d : -26
27 : #684a3c : -24
29 : #694a3a : -22
31 : #6b4938 : -20
33 : #6d4937 : -18
35 : #6e4835 : -16
37 : #704833 : -14
39 : #714732 : -12
41 : #734630 : -10
43 : #75462f : -8
45 : #76452d : -6
47 : #78452b : -4
49 : #7a442a : -2
51 : #7b4428 : ±0
53 : #7d4326 : +2
55 : #7e4325 : +4
57 : #804223 : +6
59 : #824221 : +8
61 : #834120 : +10
63 : #85401e : +12
65 : #87401d : +14
67 : #883f1b : +16
69 : #8a3f19 : +18
71 : #8c3e18 : +20
73 : #8d3e16 : +22
75 : #8f3d14 : +24
77 : #903d13 : +26
79 : #923c11 : +28
81 : #943c10 : +30
83 : #953b0e : +32
85 : #973a0c : +34
87 : #993a0b : +36
89 : #9a3909 : +38
91 : #9c3907 : +40
93 : #9d3806 : +42
95 : #9f3804 : +44
97 : #a13702 : +46
99 : #a23701 : +48
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #080402 : -30
4 : #0f0805 : -28
6 : #170d07 : -26
8 : #1f110a : -24
10 : #27150c : -22
12 : #2e190f : -20
14 : #361e11 : -18
16 : #3e2214 : -16
18 : #452616 : -14
20 : #4d2a19 : -12
22 : #552f1b : -10
24 : #5c331e : -8
26 : #643720 : -6
28 : #6c3b23 : -4
30 : #743f25 : -2
32 : #7b4428 : ±0
34 : #83482a : +2
36 : #8b4c2d : +4
38 : #92502f : +6
40 : #9a5532 : +8
42 : #a25934 : +10
44 : #a95d37 : +12
46 : #b16139 : +14
48 : #b9663c : +16
50 : #c16a3e : +18
52 : #c37046 : +20
54 : #c6764e : +22
56 : #c87c56 : +24
58 : #cb825d : +26
60 : #cd8865 : +28
62 : #d08e6d : +30
64 : #d29474 : +32
66 : #d59a7c : +34
68 : #d7a084 : +36
70 : #daa58b : +38
72 : #dcab93 : +40
74 : #dfb19b : +42
76 : #e1b7a3 : +44
78 : #e4bdaa : +46
80 : #e6c3b2 : +48
82 : #e9c9ba : +50
84 : #ebcfc1 : +52
86 : #eed5c9 : +54
88 : #f0dbd1 : +56
90 : #f3e1d8 : +58
92 : #f5e7e0 : +60
94 : #f8ede8 : +62
96 : #faf3f0 : +64
98 : #fdf9f7 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow