#4b777c
RGB ( 赤 = 75, 緑 = 119, 青 = 124 )
HSL ( 色相 = 186°, 彩度 = 25%, 明度 = 39% )
H : 色相 ( 186° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #7c504b : -180
16 : #7c584b : -170
26 : #7c604b : -160
36 : #7c684b : -150
46 : #7c714b : -140
56 : #7c794b : -130
66 : #777c4b : -120
76 : #6f7c4b : -110
86 : #677c4b : -100
96 : #5e7c4b : -90
106 : #567c4b : -80
116 : #4e7c4b : -70
126 : #4b7c50 : -60
136 : #4b7c58 : -50
146 : #4b7c60 : -40
156 : #4b7c68 : -30
166 : #4b7c71 : -20
176 : #4b7c79 : -10
186 : #4b777c : ±0
196 : #4b6f7c : +10
206 : #4b677c : +20
216 : #4b5e7c : +30
226 : #4b567c : +40
236 : #4b4e7c : +50
246 : #504b7c : +60
256 : #584b7c : +70
266 : #604b7c : +80
276 : #684b7c : +90
286 : #714b7c : +100
296 : #794b7c : +110
306 : #7c4b77 : +120
316 : #7c4b6f : +130
326 : #7c4b67 : +140
336 : #7c4b5e : +150
346 : #7c4b56 : +160
356 : #7c4b4e : +170
176 : #4b7c79 : -10
177 : #4b7c7a : -9
178 : #4b7c7b : -8
179 : #4b7c7b : -7
180 : #4b7c7c : -6
181 : #4b7b7c : -5
182 : #4b7b7c : -4
183 : #4b7a7c : -3
184 : #4b797c : -2
185 : #4b787c : -1
186 : #4b777c : ±0
187 : #4b777c : +1
188 : #4b767c : +2
189 : #4b757c : +3
190 : #4b747c : +4
191 : #4b737c : +5
192 : #4b727c : +6
193 : #4b727c : +7
194 : #4b717c : +8
195 : #4b707c : +9
196 : #4b6f7c : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #626464 : -24
3 : #606666 : -22
5 : #5e6768 : -20
7 : #5c696a : -18
9 : #5a6b6c : -16
11 : #596c6e : -14
13 : #576e70 : -12
15 : #556f72 : -10
17 : #537174 : -8
19 : #517376 : -6
21 : #4f7478 : -4
23 : #4d767a : -2
25 : #4b777c : ±0
27 : #49797e : +2
29 : #477b80 : +4
31 : #457c82 : +6
33 : #437e84 : +8
35 : #417f86 : +10
37 : #3f8188 : +12
39 : #3d828a : +14
41 : #3b848c : +16
43 : #39868e : +18
45 : #378790 : +20
47 : #358992 : +22
49 : #338a94 : +24
51 : #318c96 : +26
53 : #2f8e98 : +28
55 : #2d8f9a : +30
57 : #2b919c : +32
59 : #29929e : +34
61 : #2794a0 : +36
63 : #2596a2 : +38
65 : #2397a4 : +40
67 : #2199a6 : +42
69 : #1f9aa8 : +44
71 : #1d9caa : +46
73 : #1b9eac : +48
75 : #199fae : +50
77 : #17a1b0 : +52
79 : #15a2b2 : +54
81 : #13a4b4 : +56
83 : #11a5b6 : +58
85 : #0fa7b8 : +60
87 : #0da9ba : +62
89 : #0baabc : +64
91 : #09acbe : +66
93 : #07adc0 : +68
95 : #05afc2 : +70
97 : #03b1c4 : +72
99 : #01b2c6 : +74
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -38
3 : #06090a : -36
5 : #0a0f10 : -34
7 : #0d1516 : -32
9 : #111c1d : -30
11 : #152223 : -28
13 : #192829 : -26
15 : #1d2e30 : -24
17 : #213436 : -22
19 : #243a3d : -20
21 : #284043 : -18
23 : #2c4649 : -16
25 : #304d50 : -14
27 : #345356 : -12
29 : #37595c : -10
31 : #3b5f63 : -8
33 : #3f6569 : -6
35 : #436b70 : -4
37 : #477176 : -2
39 : #4b777c : ±0
41 : #4e7d83 : +2
43 : #528489 : +4
45 : #568a8f : +6
47 : #5a9096 : +8
49 : #5e969c : +10
51 : #639ba1 : +12
53 : #699fa5 : +14
55 : #70a3a9 : +16
57 : #76a7ad : +18
59 : #7cabb1 : +20
61 : #83afb4 : +22
63 : #89b4b8 : +24
65 : #8fb8bc : +26
67 : #96bcc0 : +28
69 : #9cc0c4 : +30
71 : #a3c4c8 : +32
73 : #a9c8cb : +34
75 : #afcccf : +36
77 : #b6d0d3 : +38
79 : #bcd4d7 : +40
81 : #c2d8db : +42
83 : #c9dcde : +44
85 : #cfe0e2 : +46
87 : #d6e4e6 : +48
89 : #dce9ea : +50
91 : #e2edee : +52
93 : #e9f1f2 : +54
95 : #eff5f5 : +56
97 : #f5f9f9 : +58
99 : #fcfdfd : +60
CSS入門、作ってます。
text-shadow