#785736
RGB ( 赤 = 120, 緑 = 87, 青 = 54 )
HSL ( 色相 = 30°, 彩度 = 38%, 明度 = 34% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #783636 : -30
10 : #784136 : -20
20 : #784c36 : -10
30 : #785736 : ±0
40 : #786236 : +10
50 : #786d36 : +20
60 : #787836 : +30
70 : #6d7836 : +40
80 : #627836 : +50
90 : #577836 : +60
100 : #4c7836 : +70
110 : #417836 : +80
120 : #367836 : +90
130 : #367841 : +100
140 : #36784c : +110
150 : #367857 : +120
160 : #367862 : +130
170 : #36786d : +140
180 : #367878 : +150
190 : #366d78 : +160
200 : #366278 : +170
210 : #365778 : +180
220 : #364c78 : +190
230 : #364178 : +200
240 : #363678 : +210
250 : #413678 : +220
260 : #4c3678 : +230
270 : #573678 : +240
280 : #623678 : +250
290 : #6d3678 : +260
300 : #783678 : +270
310 : #78366d : +280
320 : #783662 : +290
330 : #783657 : +300
340 : #78364c : +310
350 : #783641 : +320
20 : #784c36 : -10
21 : #784d36 : -9
22 : #784e36 : -8
23 : #784f36 : -7
24 : #785036 : -6
25 : #785136 : -5
26 : #785236 : -4
27 : #785336 : -3
28 : #785536 : -2
29 : #785636 : -1
30 : #785736 : ±0
31 : #785836 : +1
32 : #785936 : +2
33 : #785a36 : +3
34 : #785b36 : +4
35 : #785c36 : +5
36 : #785d36 : +6
37 : #785e36 : +7
38 : #785f36 : +8
39 : #786136 : +9
40 : #786236 : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -38
2 : #585755 : -36
4 : #5a5753 : -34
6 : #5c5751 : -32
8 : #5e5750 : -30
10 : #5f574e : -28
12 : #61574c : -26
14 : #63574b : -24
16 : #655749 : -22
18 : #665747 : -20
20 : #685745 : -18
22 : #6a5744 : -16
24 : #6c5742 : -14
26 : #6d5740 : -12
28 : #6f573e : -10
30 : #71573d : -8
32 : #72573b : -6
34 : #745739 : -4
36 : #765737 : -2
38 : #785736 : ±0
40 : #795734 : +2
42 : #7b5732 : +4
44 : #7d5731 : +6
46 : #7f572f : +8
48 : #80572d : +10
50 : #82572b : +12
52 : #84572a : +14
54 : #865728 : +16
56 : #875726 : +18
58 : #895724 : +20
60 : #8b5723 : +22
62 : #8c5721 : +24
64 : #8e571f : +26
66 : #90571d : +28
68 : #92571c : +30
70 : #93571a : +32
72 : #955718 : +34
74 : #975717 : +36
76 : #995715 : +38
78 : #9a5713 : +40
80 : #9c5711 : +42
82 : #9e5710 : +44
84 : #a0570e : +46
86 : #a1570c : +48
88 : #a3570a : +50
90 : #a55709 : +52
92 : #a65707 : +54
94 : #a85705 : +56
96 : #aa5703 : +58
98 : #ac5702 : +60
100 : #ad5700 : +62
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #070503 : -32
4 : #0e0a06 : -30
6 : #150f09 : -28
8 : #1c140d : -26
10 : #231a10 : -24
12 : #2a1f13 : -22
14 : #312416 : -20
16 : #382919 : -18
18 : #3f2e1c : -16
20 : #463320 : -14
22 : #4d3823 : -12
24 : #543d26 : -10
26 : #5b4229 : -8
28 : #63472c : -6
30 : #6a4d2f : -4
32 : #715233 : -2
34 : #785736 : ±0
36 : #7f5c39 : +2
38 : #86613c : +4
40 : #8d663f : +6
42 : #946b42 : +8
44 : #9b7046 : +10
46 : #a27549 : +12
48 : #a97a4c : +14
50 : #b0804f : +16
52 : #b38556 : +18
54 : #b68a5d : +20
56 : #b98f64 : +22
58 : #bd946b : +24
60 : #c09972 : +26
62 : #c39e79 : +28
64 : #c6a380 : +30
66 : #c9a887 : +32
68 : #ccad8e : +34
70 : #d0b395 : +36
72 : #d3b89c : +38
74 : #d6bda4 : +40
76 : #d9c2ab : +42
78 : #dcc7b2 : +44
80 : #dfccb9 : +46
82 : #e3d1c0 : +48
84 : #e6d6c7 : +50
86 : #e9dbce : +52
88 : #ece0d5 : +54
90 : #efe6dc : +56
92 : #f2ebe3 : +58
94 : #f6f0ea : +60
96 : #f9f5f1 : +62
98 : #fcfaf8 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow