#7c4031
RGB ( 赤 = 124, 緑 = 64, 青 = 49 )
HSL ( 色相 = 12°, 彩度 = 43%, 明度 = 34% )
H : 色相 ( 12° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #7c3431 : -10
12 : #7c4031 : ±0
22 : #7c4d31 : +10
32 : #7c5931 : +20
42 : #7c6631 : +30
52 : #7c7231 : +40
62 : #797c31 : +50
72 : #6d7c31 : +60
82 : #617c31 : +70
92 : #547c31 : +80
102 : #487c31 : +90
112 : #3b7c31 : +100
122 : #317c34 : +110
132 : #317c40 : +120
142 : #317c4d : +130
152 : #317c59 : +140
162 : #317c66 : +150
172 : #317c72 : +160
182 : #31797c : +170
192 : #316d7c : +180
202 : #31617c : +190
212 : #31547c : +200
222 : #31487c : +210
232 : #313b7c : +220
242 : #34317c : +230
252 : #40317c : +240
262 : #4d317c : +250
272 : #59317c : +260
282 : #66317c : +270
292 : #72317c : +280
302 : #7c3179 : +290
312 : #7c316d : +300
322 : #7c3161 : +310
332 : #7c3154 : +320
342 : #7c3148 : +330
352 : #7c313b : +340
2 : #7c3431 : -10
3 : #7c3531 : -9
4 : #7c3631 : -8
5 : #7c3831 : -7
6 : #7c3931 : -6
7 : #7c3a31 : -5
8 : #7c3b31 : -4
9 : #7c3d31 : -3
10 : #7c3e31 : -2
11 : #7c3f31 : -1
12 : #7c4031 : ±0
13 : #7c4231 : +1
14 : #7c4331 : +2
15 : #7c4431 : +3
16 : #7c4531 : +4
17 : #7c4731 : +5
18 : #7c4831 : +6
19 : #7c4931 : +7
20 : #7c4a31 : +8
21 : #7c4c31 : +9
22 : #7c4d31 : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #585656 : -42
3 : #595554 : -40
5 : #5b5452 : -38
7 : #5d5351 : -36
9 : #5f524f : -34
11 : #60514d : -32
13 : #62504b : -30
15 : #644f4a : -28
17 : #654e48 : -26
19 : #674d46 : -24
21 : #694c44 : -22
23 : #6b4b43 : -20
25 : #6c4a41 : -18
27 : #6e493f : -16
29 : #70483e : -14
31 : #72473c : -12
33 : #73463a : -10
35 : #754438 : -8
37 : #774337 : -6
39 : #794235 : -4
41 : #7a4133 : -2
43 : #7c4031 : ±0
45 : #7e3f30 : +2
47 : #7f3e2e : +4
49 : #813d2c : +6
51 : #833c2a : +8
53 : #853b29 : +10
55 : #863a27 : +12
57 : #883925 : +14
59 : #8a3824 : +16
61 : #8c3722 : +18
63 : #8d3620 : +20
65 : #8f351e : +22
67 : #91341d : +24
69 : #93331b : +26
71 : #943219 : +28
73 : #963117 : +30
75 : #983016 : +32
77 : #992f14 : +34
79 : #9b2e12 : +36
81 : #9d2d10 : +38
83 : #9f2c0f : +40
85 : #a02a0d : +42
87 : #a2290b : +44
89 : #a4280a : +46
91 : #a62708 : +48
93 : #a72606 : +50
95 : #a92504 : +52
97 : #ab2403 : +54
99 : #ad2301 : +56
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #070403 : -32
4 : #0f0806 : -30
6 : #160b09 : -28
8 : #1d0f0c : -26
10 : #24130f : -24
12 : #2c1711 : -22
14 : #331a14 : -20
16 : #3a1e17 : -18
18 : #42221a : -16
20 : #49261d : -14
22 : #502a20 : -12
24 : #582d23 : -10
26 : #5f3126 : -8
28 : #663529 : -6
30 : #6d392c : -4
32 : #753d2f : -2
34 : #7c4031 : ±0
36 : #834434 : +2
38 : #8b4837 : +4
40 : #924c3a : +6
42 : #994f3d : +8
44 : #a05340 : +10
46 : #a85743 : +12
48 : #af5b46 : +14
50 : #b65f49 : +16
52 : #b96550 : +18
54 : #bc6b57 : +20
56 : #bf725f : +22
58 : #c27866 : +24
60 : #c57f6d : +26
62 : #c88574 : +28
64 : #cb8c7c : +30
66 : #ce9283 : +32
68 : #d0988a : +34
70 : #d39f92 : +36
72 : #d6a599 : +38
74 : #d9aca0 : +40
76 : #dcb2a7 : +42
78 : #dfb8af : +44
80 : #e2bfb6 : +46
82 : #e5c5bd : +48
84 : #e8ccc5 : +50
86 : #ebd2cc : +52
88 : #eed9d3 : +54
90 : #f0dfdb : +56
92 : #f3e5e2 : +58
94 : #f6ece9 : +60
96 : #f9f2f0 : +62
98 : #fcf9f8 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow