#7e6030
RGB ( 赤 = 126, 緑 = 96, 青 = 48 )
HSL ( 色相 = 37°, 彩度 = 45%, 明度 = 34% )
H : 色相 ( 37° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #7e3930 : -30
17 : #7e4630 : -20
27 : #7e5330 : -10
37 : #7e6030 : ±0
47 : #7e6d30 : +10
57 : #7e7a30 : +20
67 : #757e30 : +30
77 : #687e30 : +40
87 : #5b7e30 : +50
97 : #4e7e30 : +60
107 : #417e30 : +70
117 : #347e30 : +80
127 : #307e39 : +90
137 : #307e46 : +100
147 : #307e53 : +110
157 : #307e60 : +120
167 : #307e6d : +130
177 : #307e7a : +140
187 : #30757e : +150
197 : #30687e : +160
207 : #305b7e : +170
217 : #304e7e : +180
227 : #30417e : +190
237 : #30347e : +200
247 : #39307e : +210
257 : #46307e : +220
267 : #53307e : +230
277 : #60307e : +240
287 : #6d307e : +250
297 : #7a307e : +260
307 : #7e3075 : +270
317 : #7e3068 : +280
327 : #7e305b : +290
337 : #7e304e : +300
347 : #7e3041 : +310
357 : #7e3034 : +320
27 : #7e5330 : -10
28 : #7e5430 : -9
29 : #7e5530 : -8
30 : #7e5730 : -7
31 : #7e5830 : -6
32 : #7e5930 : -5
33 : #7e5b30 : -4
34 : #7e5c30 : -3
35 : #7e5d30 : -2
36 : #7e5f30 : -1
37 : #7e6030 : ±0
38 : #7e6130 : +1
39 : #7e6230 : +2
40 : #7e6430 : +3
41 : #7e6530 : +4
42 : #7e6630 : +5
43 : #7e6830 : +6
44 : #7e6930 : +7
45 : #7e6a30 : +8
46 : #7e6c30 : +9
47 : #7e6d30 : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #585756 : -44
3 : #595754 : -42
5 : #5b5852 : -40
7 : #5d5851 : -38
9 : #5f594f : -36
11 : #60594d : -34
13 : #62594b : -32
15 : #645a4a : -30
17 : #655a48 : -28
19 : #675b46 : -26
21 : #695b44 : -24
23 : #6b5b43 : -22
25 : #6c5c41 : -20
27 : #6e5c3f : -18
29 : #705d3e : -16
31 : #725d3c : -14
33 : #735d3a : -12
35 : #755e38 : -10
37 : #775e37 : -8
39 : #795f35 : -6
41 : #7a5f33 : -4
43 : #7c5f31 : -2
45 : #7e6030 : ±0
47 : #7f602e : +2
49 : #81612c : +4
51 : #83612a : +6
53 : #856129 : +8
55 : #866227 : +10
57 : #886225 : +12
59 : #8a6324 : +14
61 : #8c6322 : +16
63 : #8d6320 : +18
65 : #8f641e : +20
67 : #91641d : +22
69 : #93651b : +24
71 : #946519 : +26
73 : #966517 : +28
75 : #986616 : +30
77 : #996614 : +32
79 : #9b6712 : +34
81 : #9d6710 : +36
83 : #9f670f : +38
85 : #a0680d : +40
87 : #a2680b : +42
89 : #a4690a : +44
91 : #a66908 : +46
93 : #a76a06 : +48
95 : #a96a04 : +50
97 : #ab6a03 : +52
99 : #ad6b01 : +54
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #070603 : -32
4 : #0f0b06 : -30
6 : #161108 : -28
8 : #1e170b : -26
10 : #251c0e : -24
12 : #2c2211 : -22
14 : #342714 : -20
16 : #3b2d16 : -18
18 : #433319 : -16
20 : #4a381c : -14
22 : #513e1f : -12
24 : #594422 : -10
26 : #604924 : -8
28 : #684f27 : -6
30 : #6f552a : -4
32 : #765a2d : -2
34 : #7e6030 : ±0
36 : #856532 : +2
38 : #8d6b35 : +4
40 : #947138 : +6
42 : #9b763b : +8
44 : #a37c3e : +10
46 : #aa8241 : +12
48 : #b18743 : +14
50 : #b98d46 : +16
52 : #bc914e : +18
54 : #be9655 : +20
56 : #c19b5c : +22
58 : #c49f64 : +24
60 : #c7a46b : +26
62 : #caa872 : +28
64 : #cdad7a : +30
66 : #cfb181 : +32
68 : #d2b689 : +34
70 : #d5bb90 : +36
72 : #d8bf97 : +38
74 : #dbc49f : +40
76 : #ddc8a6 : +42
78 : #e0cdae : +44
80 : #e3d1b5 : +46
82 : #e6d6bc : +48
84 : #e9dac4 : +50
86 : #ebdfcb : +52
88 : #eee4d3 : +54
90 : #f1e8da : +56
92 : #f4ede1 : +58
94 : #f7f1e9 : +60
96 : #f9f6f0 : +62
98 : #fcfaf8 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow