#786754
RGB ( 赤 = 120, 緑 = 103, 青 = 84 )
HSL ( 色相 = 32°, 彩度 = 18%, 明度 = 40% )
H : 色相 ( 32° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #785554 : -30
12 : #785b54 : -20
22 : #786154 : -10
32 : #786754 : ±0
42 : #786d54 : +10
52 : #787354 : +20
62 : #777854 : +30
72 : #717854 : +40
82 : #6b7854 : +50
92 : #657854 : +60
102 : #5f7854 : +70
112 : #597854 : +80
122 : #547855 : +90
132 : #54785b : +100
142 : #547861 : +110
152 : #547867 : +120
162 : #54786d : +130
172 : #547873 : +140
182 : #547778 : +150
192 : #547178 : +160
202 : #546b78 : +170
212 : #546578 : +180
222 : #545f78 : +190
232 : #545978 : +200
242 : #555478 : +210
252 : #5b5478 : +220
262 : #615478 : +230
272 : #675478 : +240
282 : #6d5478 : +250
292 : #735478 : +260
302 : #785477 : +270
312 : #785471 : +280
322 : #78546b : +290
332 : #785465 : +300
342 : #78545f : +310
352 : #785459 : +320
22 : #786154 : -10
23 : #786254 : -9
24 : #786254 : -8
25 : #786354 : -7
26 : #786454 : -6
27 : #786454 : -5
28 : #786554 : -4
29 : #786554 : -3
30 : #786654 : -2
31 : #786754 : -1
32 : #786754 : ±0
33 : #786854 : +1
34 : #786854 : +2
35 : #786954 : +3
36 : #786a54 : +4
37 : #786a54 : +5
38 : #786b54 : +6
39 : #786c54 : +7
40 : #786c54 : +8
41 : #786d54 : +9
42 : #786d54 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -18
2 : #686664 : -16
4 : #6a6662 : -14
6 : #6c6660 : -12
8 : #6e675e : -10
10 : #70675c : -8
12 : #72675a : -6
14 : #746758 : -4
16 : #766756 : -2
18 : #786754 : ±0
20 : #7a6752 : +2
22 : #7c6750 : +4
24 : #7e684e : +6
26 : #81684b : +8
28 : #836849 : +10
30 : #856847 : +12
32 : #876845 : +14
34 : #896843 : +16
36 : #8b6841 : +18
38 : #8d693f : +20
40 : #8f693d : +22
42 : #91693b : +24
44 : #936939 : +26
46 : #956937 : +28
48 : #976935 : +30
50 : #996933 : +32
52 : #9b6a31 : +34
54 : #9d6a2f : +36
56 : #9f6a2d : +38
58 : #a16a2b : +40
60 : #a36a29 : +42
62 : #a56a27 : +44
64 : #a76a25 : +46
66 : #a96a23 : +48
68 : #ab6b21 : +50
70 : #ad6b1f : +52
72 : #af6b1d : +54
74 : #b16b1b : +56
76 : #b46b18 : +58
78 : #b66b16 : +60
80 : #b86b14 : +62
82 : #ba6c12 : +64
84 : #bc6c10 : +66
86 : #be6c0e : +68
88 : #c06c0c : +70
90 : #c26c0a : +72
92 : #c46c08 : +74
94 : #c66c06 : +76
96 : #c86d04 : +78
98 : #ca6d02 : +80
100 : #cc6d00 : +82
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #060504 : -38
4 : #0c0a08 : -36
6 : #120f0d : -34
8 : #181511 : -32
10 : #1e1a15 : -30
12 : #241f19 : -28
14 : #2a241d : -26
16 : #302921 : -24
18 : #362e26 : -22
20 : #3c342a : -20
22 : #42392e : -18
24 : #483e32 : -16
26 : #4e4336 : -14
28 : #54483b : -12
30 : #5a4d3f : -10
32 : #605343 : -8
34 : #665847 : -6
36 : #6c5d4b : -4
38 : #72624f : -2
40 : #786754 : ±0
42 : #7e6c58 : +2
44 : #84725c : +4
46 : #8a7760 : +6
48 : #907c64 : +8
50 : #968169 : +10
52 : #9b866f : +12
54 : #9f8b75 : +14
56 : #a3907b : +16
58 : #a79581 : +18
60 : #ab9a87 : +20
62 : #b09f8d : +22
64 : #b4a493 : +24
66 : #b8a999 : +26
68 : #bcae9f : +28
70 : #c0b3a5 : +30
72 : #c4b8ab : +32
74 : #c9bdb1 : +34
76 : #cdc3b7 : +36
78 : #d1c8bd : +38
80 : #d5cdc3 : +40
82 : #d9d2c9 : +42
84 : #ded7cf : +44
86 : #e2dcd5 : +46
88 : #e6e1db : +48
90 : #eae6e1 : +50
92 : #eeebe7 : +52
94 : #f2f0ed : +54
96 : #f7f5f3 : +56
98 : #fbfaf9 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow