#72554f
RGB ( 赤 = 114, 緑 = 85, 青 = 79 )
HSL ( 色相 = 10°, 彩度 = 18%, 明度 = 38% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #724f4f : -10
10 : #72554f : ±0
20 : #725b4f : +10
30 : #72614f : +20
40 : #72674f : +30
50 : #726d4f : +40
60 : #72724f : +50
70 : #6d724f : +60
80 : #67724f : +70
90 : #61724f : +80
100 : #5b724f : +90
110 : #55724f : +100
120 : #4f724f : +110
130 : #4f7255 : +120
140 : #4f725b : +130
150 : #4f7261 : +140
160 : #4f7267 : +150
170 : #4f726d : +160
180 : #4f7272 : +170
190 : #4f6d72 : +180
200 : #4f6772 : +190
210 : #4f6172 : +200
220 : #4f5b72 : +210
230 : #4f5572 : +220
240 : #4f4f72 : +230
250 : #554f72 : +240
260 : #5b4f72 : +250
270 : #614f72 : +260
280 : #674f72 : +270
290 : #6d4f72 : +280
300 : #724f72 : +290
310 : #724f6d : +300
320 : #724f67 : +310
330 : #724f61 : +320
340 : #724f5b : +330
350 : #724f55 : +340
0 : #724f4f : -10
1 : #72504f : -9
2 : #72514f : -8
3 : #72514f : -7
4 : #72524f : -6
5 : #72524f : -5
6 : #72534f : -4
7 : #72544f : -3
8 : #72544f : -2
9 : #72554f : -1
10 : #72554f : ±0
11 : #72564f : +1
12 : #72564f : +2
13 : #72574f : +3
14 : #72584f : +4
15 : #72584f : +5
16 : #72594f : +6
17 : #72594f : +7
18 : #725a4f : +8
19 : #725b4f : +9
20 : #725b4f : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -18
2 : #63605f : -16
4 : #655e5d : -14
6 : #675d5b : -12
8 : #695c59 : -10
10 : #6b5a57 : -8
12 : #6d5955 : -6
14 : #6e5853 : -4
16 : #705751 : -2
18 : #72554f : ±0
20 : #74544e : +2
22 : #76534c : +4
24 : #78514a : +6
26 : #7a5048 : +8
28 : #7c4f46 : +10
30 : #7e4e44 : +12
32 : #804c42 : +14
34 : #824b40 : +16
36 : #844a3e : +18
38 : #86483c : +20
40 : #88473a : +22
42 : #8a4638 : +24
44 : #8c4436 : +26
46 : #8d4334 : +28
48 : #8f4232 : +30
50 : #914130 : +32
52 : #933f2f : +34
54 : #953e2d : +36
56 : #973d2b : +38
58 : #993b29 : +40
60 : #9b3a27 : +42
62 : #9d3925 : +44
64 : #9f3823 : +46
66 : #a13621 : +48
68 : #a3351f : +50
70 : #a5341d : +52
72 : #a7321b : +54
74 : #a93119 : +56
76 : #ab3017 : +58
78 : #ac2f15 : +60
80 : #ae2d13 : +62
82 : #b02c11 : +64
84 : #b22b10 : +66
86 : #b4290e : +68
88 : #b6280c : +70
90 : #b8270a : +72
92 : #ba2508 : +74
94 : #bc2406 : +76
96 : #be2304 : +78
98 : #c02202 : +80
100 : #c22000 : +82
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #060404 : -36
4 : #0c0908 : -34
6 : #120d0d : -32
8 : #181211 : -30
10 : #1e1615 : -28
12 : #241b19 : -26
14 : #2a1f1d : -24
16 : #302421 : -22
18 : #362826 : -20
20 : #3c2d2a : -18
22 : #42312e : -16
24 : #483632 : -14
26 : #4e3a36 : -12
28 : #543f3b : -10
30 : #5a433f : -8
32 : #604843 : -6
34 : #664c47 : -4
36 : #6c514b : -2
38 : #72554f : ±0
40 : #785a54 : +2
42 : #7e5e58 : +4
44 : #84635c : +6
46 : #8a6760 : +8
48 : #906c64 : +10
50 : #967069 : +12
52 : #9b766f : +14
54 : #9f7c75 : +16
56 : #a3817b : +18
58 : #a78781 : +20
60 : #ab8d87 : +22
62 : #b0928d : +24
64 : #b49893 : +26
66 : #b89e99 : +28
68 : #bca49f : +30
70 : #c0a9a5 : +32
72 : #c4afab : +34
74 : #c9b5b1 : +36
76 : #cdbab7 : +38
78 : #d1c0bd : +40
80 : #d5c6c3 : +42
82 : #d9ccc9 : +44
84 : #ded1cf : +46
86 : #e2d7d5 : +48
88 : #e6dddb : +50
90 : #eae2e1 : +52
92 : #eee8e7 : +54
94 : #f2eeed : +56
96 : #f7f4f3 : +58
98 : #fbf9f9 : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow