#786017
RGB ( 赤 = 120, 緑 = 96, 青 = 23 )
HSL ( 色相 = 45°, 彩度 = 68%, 明度 = 28% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #781f17 : -40
15 : #782f17 : -30
25 : #783f17 : -20
35 : #784f17 : -10
45 : #786017 : ±0
55 : #787017 : +10
65 : #707817 : +20
75 : #607817 : +30
85 : #4f7817 : +40
95 : #3f7817 : +50
105 : #2f7817 : +60
115 : #1f7817 : +70
125 : #17781f : +80
135 : #17782f : +90
145 : #17783f : +100
155 : #17784f : +110
165 : #177860 : +120
175 : #177870 : +130
185 : #177078 : +140
195 : #176078 : +150
205 : #174f78 : +160
215 : #173f78 : +170
225 : #172f78 : +180
235 : #171f78 : +190
245 : #1f1778 : +200
255 : #2f1778 : +210
265 : #3f1778 : +220
275 : #4f1778 : +230
285 : #601778 : +240
295 : #701778 : +250
305 : #781770 : +260
315 : #781760 : +270
325 : #78174f : +280
335 : #78173f : +290
345 : #78172f : +300
355 : #78171f : +310
35 : #784f17 : -10
36 : #785117 : -9
37 : #785317 : -8
38 : #785417 : -7
39 : #785617 : -6
40 : #785817 : -5
41 : #785917 : -4
42 : #785b17 : -3
43 : #785c17 : -2
44 : #785e17 : -1
45 : #786017 : ±0
46 : #786117 : +1
47 : #786317 : +2
48 : #786517 : +3
49 : #786617 : +4
50 : #786817 : +5
51 : #786917 : +6
52 : #786b17 : +7
53 : #786d17 : +8
54 : #786e17 : +9
55 : #787017 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -68
2 : #494846 : -66
4 : #4a4945 : -64
6 : #4c4a43 : -62
8 : #4d4a42 : -60
10 : #4f4b40 : -58
12 : #504c3f : -56
14 : #514c3d : -54
16 : #534d3c : -52
18 : #544e3b : -50
20 : #564f39 : -48
22 : #574f38 : -46
24 : #595036 : -44
26 : #5a5135 : -42
28 : #5b5133 : -40
30 : #5d5232 : -38
32 : #5e5331 : -36
34 : #60542f : -34
36 : #61542e : -32
38 : #63552c : -30
40 : #64562b : -28
42 : #655629 : -26
44 : #675728 : -24
46 : #685827 : -22
48 : #6a5925 : -20
50 : #6b5924 : -18
52 : #6d5a22 : -16
54 : #6e5b21 : -14
56 : #6f5b1f : -12
58 : #715c1e : -10
60 : #725d1d : -8
62 : #745e1b : -6
64 : #755e1a : -4
66 : #775f18 : -2
68 : #786017 : ±0
70 : #796015 : +2
72 : #7b6114 : +4
74 : #7c6213 : +6
76 : #7e6311 : +8
78 : #7f6310 : +10
80 : #81640e : +12
82 : #82650d : +14
84 : #83650b : +16
86 : #85660a : +18
88 : #866709 : +20
90 : #886807 : +22
92 : #896806 : +24
94 : #8b6904 : +26
96 : #8c6a03 : +28
98 : #8d6a01 : +30
100 : #8f6b00 : +32
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #090702 : -26
4 : #110e03 : -24
6 : #1a1505 : -22
8 : #221b07 : -20
10 : #2b2208 : -18
12 : #33290a : -16
14 : #3c300b : -14
16 : #45370d : -12
18 : #4d3e0f : -10
20 : #564410 : -8
22 : #5e4b12 : -6
24 : #675214 : -4
26 : #6f5915 : -2
28 : #786017 : ±0
30 : #816718 : +2
32 : #896d1a : +4
34 : #92741c : +6
36 : #9a7b1d : +8
38 : #a3821f : +10
40 : #ab8921 : +12
42 : #b49022 : +14
44 : #bc9624 : +16
46 : #c59d26 : +18
48 : #cea427 : +20
50 : #d6ab29 : +22
52 : #d8ae31 : +24
54 : #d9b23a : +26
56 : #dbb543 : +28
58 : #ddb84b : +30
60 : #debc54 : +32
62 : #e0bf5c : +34
64 : #e2c265 : +36
66 : #e3c66d : +38
68 : #e5c976 : +40
70 : #e7cd7e : +42
72 : #e8d087 : +44
74 : #ead390 : +46
76 : #ebd798 : +48
78 : #eddaa1 : +50
80 : #efdda9 : +52
82 : #f0e1b2 : +54
84 : #f2e4ba : +56
86 : #f4e7c3 : +58
88 : #f5ebcc : +60
90 : #f7eed4 : +62
92 : #f8f2dd : +64
94 : #faf5e5 : +66
96 : #fcf8ee : +68
98 : #fdfcf6 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow