#4c766a
RGB ( 赤 = 76, 緑 = 118, 青 = 106 )
HSL ( 色相 = 163°, 彩度 = 22%, 明度 = 38% )
H : 色相 ( 163° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #764e4c : -160
13 : #76554c : -150
23 : #765c4c : -140
33 : #76634c : -130
43 : #766a4c : -120
53 : #76714c : -110
63 : #74764c : -100
73 : #6d764c : -90
83 : #66764c : -80
93 : #5f764c : -70
103 : #58764c : -60
113 : #51764c : -50
123 : #4c764e : -40
133 : #4c7655 : -30
143 : #4c765c : -20
153 : #4c7663 : -10
163 : #4c766a : ±0
173 : #4c7671 : +10
183 : #4c7476 : +20
193 : #4c6d76 : +30
203 : #4c6676 : +40
213 : #4c5f76 : +50
223 : #4c5876 : +60
233 : #4c5176 : +70
243 : #4e4c76 : +80
253 : #554c76 : +90
263 : #5c4c76 : +100
273 : #634c76 : +110
283 : #6a4c76 : +120
293 : #714c76 : +130
303 : #764c74 : +140
313 : #764c6d : +150
323 : #764c66 : +160
333 : #764c5f : +170
343 : #764c58 : +180
353 : #764c51 : +190
153 : #4c7663 : -10
154 : #4c7664 : -9
155 : #4c7664 : -8
156 : #4c7665 : -7
157 : #4c7666 : -6
158 : #4c7667 : -5
159 : #4c7667 : -4
160 : #4c7668 : -3
161 : #4c7669 : -2
162 : #4c7669 : -1
163 : #4c766a : ±0
164 : #4c766b : +1
165 : #4c766c : +2
166 : #4c766c : +3
167 : #4c766d : +4
168 : #4c766e : +5
169 : #4c766e : +6
170 : #4c766f : +7
171 : #4c7670 : +8
172 : #4c7671 : +9
173 : #4c7671 : +10
S : 彩度 ( 22% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -22
2 : #5f6362 : -20
4 : #5d6563 : -18
6 : #5b6763 : -16
8 : #596964 : -14
10 : #576b65 : -12
12 : #556d66 : -10
14 : #536e67 : -8
16 : #517068 : -6
18 : #4f7268 : -4
20 : #4e7469 : -2
22 : #4c766a : ±0
24 : #4a786b : +2
26 : #487a6c : +4
28 : #467c6d : +6
30 : #447e6d : +8
32 : #42806e : +10
34 : #40826f : +12
36 : #3e8470 : +14
38 : #3c8671 : +16
40 : #3a8872 : +18
42 : #388a73 : +20
44 : #368c73 : +22
46 : #348d74 : +24
48 : #328f75 : +26
50 : #309176 : +28
52 : #2f9377 : +30
54 : #2d9578 : +32
56 : #2b9778 : +34
58 : #299979 : +36
60 : #279b7a : +38
62 : #259d7b : +40
64 : #239f7c : +42
66 : #21a17d : +44
68 : #1fa37d : +46
70 : #1da57e : +48
72 : #1ba77f : +50
74 : #19a980 : +52
76 : #17ab81 : +54
78 : #15ac82 : +56
80 : #13ae82 : +58
82 : #11b083 : +60
84 : #10b284 : +62
86 : #0eb485 : +64
88 : #0cb686 : +66
90 : #0ab887 : +68
92 : #08ba88 : +70
94 : #06bc88 : +72
96 : #04be89 : +74
98 : #02c08a : +76
100 : #00c28b : +78
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #040606 : -36
4 : #080c0b : -34
6 : #0c1311 : -32
8 : #101916 : -30
10 : #141f1c : -28
12 : #182522 : -26
14 : #1c2c27 : -24
16 : #20322d : -22
18 : #243832 : -20
20 : #283e38 : -18
22 : #2c443d : -16
24 : #304b43 : -14
26 : #345149 : -12
28 : #38574e : -10
30 : #3c5d54 : -8
32 : #406459 : -6
34 : #446a5f : -4
36 : #487065 : -2
38 : #4c766a : ±0
40 : #507c70 : +2
42 : #548375 : +4
44 : #58897b : +6
46 : #5b8f80 : +8
48 : #5f9586 : +10
50 : #639c8c : +12
52 : #6aa090 : +14
54 : #70a495 : +16
56 : #76a799 : +18
58 : #7cab9e : +20
60 : #83afa3 : +22
62 : #89b3a7 : +24
64 : #8fb7ac : +26
66 : #95bbb1 : +28
68 : #9bbfb5 : +30
70 : #a2c3ba : +32
72 : #a8c7be : +34
74 : #aecbc3 : +36
76 : #b4cfc8 : +38
78 : #bbd3cc : +40
80 : #c1d7d1 : +42
82 : #c7dbd5 : +44
84 : #cddfda : +46
86 : #d3e3df : +48
88 : #dae7e3 : +50
90 : #e0ebe8 : +52
92 : #e6efed : +54
94 : #ecf3f1 : +56
96 : #f3f7f6 : +58
98 : #f9fbfa : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow