#4f54bf
RGB
赤 | 79 |
---|---|
緑 | 84 |
青 | 191 |
HSL
色相 | 237° |
---|---|
彩度 | 47% |
明度 | 53% |
輝度 | 37% |
3桁の色
補色
反転色
RGB ( 赤 = 79, 緑 = 84, 青 = 191 )
HSL ( 色相 = 237°, 彩度 = 47%, 明度 = 53% )
H : 色相 ( 237° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #bf5c4f : -230
17 : #bf6f4f : -220
27 : #bf824f : -210
37 : #bf944f : -200
47 : #bfa74f : -190
57 : #bfba4f : -180
67 : #b2bf4f : -170
77 : #a0bf4f : -160
87 : #8dbf4f : -150
97 : #7abf4f : -140
107 : #67bf4f : -130
117 : #54bf4f : -120
127 : #4fbf5c : -110
137 : #4fbf6f : -100
147 : #4fbf82 : -90
157 : #4fbf94 : -80
167 : #4fbfa7 : -70
177 : #4fbfba : -60
187 : #4fb2bf : -50
197 : #4fa0bf : -40
207 : #4f8dbf : -30
217 : #4f7abf : -20
227 : #4f67bf : -10
237 : #4f54bf : ±0
247 : #5c4fbf : +10
257 : #6f4fbf : +20
267 : #824fbf : +30
277 : #944fbf : +40
287 : #a74fbf : +50
297 : #ba4fbf : +60
307 : #bf4fb2 : +70
317 : #bf4fa0 : +80
327 : #bf4f8d : +90
337 : #bf4f7a : +100
347 : #bf4f67 : +110
357 : #bf4f54 : +120
227 : #4f67bf : -10
228 : #4f65bf : -9
229 : #4f63bf : -8
230 : #4f62bf : -7
231 : #4f60bf : -6
232 : #4f5ebf : -5
233 : #4f5cbf : -4
234 : #4f5abf : -3
235 : #4f58bf : -2
236 : #4f56bf : -1
237 : #4f54bf : ±0
238 : #4f53bf : +1
239 : #4f51bf : +2
240 : #4f4fbf : +3
241 : #514fbf : +4
242 : #534fbf : +5
243 : #544fbf : +6
244 : #564fbf : +7
245 : #584fbf : +8
246 : #5a4fbf : +9
247 : #5c4fbf : +10
S : 彩度 ( 47% )
(0%) 渋い ~ 鮮やか (100%)
1 : #868688 : -46
3 : #84848b : -44
5 : #81828d : -42
7 : #7f8090 : -40
9 : #7c7d92 : -38
11 : #7a7b94 : -36
13 : #787997 : -34
15 : #757799 : -32
17 : #73759c : -30
19 : #70739e : -28
21 : #6e70a0 : -26
23 : #6c6ea3 : -24
25 : #696ca5 : -22
27 : #676aa8 : -20
29 : #6468aa : -18
31 : #6266ac : -16
33 : #6064af : -14
35 : #5d61b1 : -12
37 : #5b5fb3 : -10
39 : #585db6 : -8
41 : #565bb8 : -6
43 : #5459bb : -4
45 : #5157bd : -2
47 : #4f54bf : ±0
49 : #4c52c2 : +2
51 : #4a50c4 : +4
53 : #484ec7 : +6
55 : #454cc9 : +8
57 : #434acb : +10
59 : #4048ce : +12
61 : #3e45d0 : +14
63 : #3c43d3 : +16
65 : #3941d5 : +18
67 : #373fd7 : +20
69 : #343dda : +22
71 : #323bdc : +24
73 : #3038df : +26
75 : #2d36e1 : +28
77 : #2b34e3 : +30
79 : #2832e6 : +32
81 : #2630e8 : +34
83 : #242eeb : +36
85 : #212bed : +38
87 : #1f29ef : +40
89 : #1c27f2 : +42
91 : #1a25f4 : +44
93 : #1823f7 : +46
95 : #1521f9 : +48
97 : #131ffb : +50
99 : #101cfe : +52
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #010104 : -52
3 : #04040b : -50
5 : #070713 : -48
7 : #090a1a : -46
9 : #0c0d22 : -44
11 : #0f1029 : -42
13 : #121331 : -40
15 : #141638 : -38
17 : #171940 : -36
19 : #1a1c47 : -34
21 : #1c1f4f : -32
23 : #1f2256 : -30
25 : #22255e : -28
27 : #242865 : -26
29 : #272b6d : -24
31 : #2a2e74 : -22
33 : #2d317c : -20
35 : #2f3383 : -18
37 : #32368b : -16
39 : #353992 : -14
41 : #373c9a : -12
43 : #3a3fa1 : -10
45 : #3d42a9 : -8
47 : #4045b0 : -6
49 : #4248b8 : -4
51 : #474dbd : -2
53 : #4f54bf : ±0
55 : #565cc2 : +2
57 : #5e63c5 : +4
59 : #656ac8 : +6
61 : #6d71ca : +8
63 : #7479cd : +10
65 : #7c80d0 : +12
67 : #8387d2 : +14
69 : #8b8fd5 : +16
71 : #9296d8 : +18
73 : #9a9ddb : +20
75 : #a1a4dd : +22
77 : #a9ace0 : +24
79 : #b0b3e3 : +26
81 : #b8bae5 : +28
83 : #bfc1e8 : +30
85 : #c7c9eb : +32
87 : #ced0ed : +34
89 : #d6d7f0 : +36
91 : #dddef3 : +38
93 : #e5e6f6 : +40
95 : #ecedf8 : +42
97 : #f4f4fb : +44
99 : #fbfbfe : +46
CSS入門、作ってます。
text-shadow