#5057af
RGB
| 赤 | 80 |
|---|---|
| 緑 | 87 |
| 青 | 175 |
HSL
| 色相 | 236° |
|---|---|
| 彩度 | 37% |
| 明度 | 50% |
| 輝度 | 37% |
３桁の色
補色
反転色
RGB ( 赤 = 80, 緑 = 87, 青 = 175 )
HSL ( 色相 = 236°, 彩度 = 37%, 明度 = 50% )
H : 色相 ( 236° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #af5a50 : -230
16 : #af6950 : -220
26 : #af7950 : -210
36 : #af8950 : -200
46 : #af9950 : -190
56 : #afa850 : -180
66 : #a5af50 : -170
76 : #96af50 : -160
86 : #86af50 : -150
96 : #76af50 : -140
106 : #66af50 : -130
116 : #57af50 : -120
126 : #50af5a : -110
136 : #50af69 : -100
146 : #50af79 : -90
156 : #50af89 : -80
166 : #50af99 : -70
176 : #50afa8 : -60
186 : #50a5af : -50
196 : #5096af : -40
206 : #5086af : -30
216 : #5076af : -20
226 : #5066af : -10
236 : #5057af : ±0
246 : #5a50af : +10
256 : #6950af : +20
266 : #7950af : +30
276 : #8950af : +40
286 : #9950af : +50
296 : #a850af : +60
306 : #af50a5 : +70
316 : #af5096 : +80
326 : #af5086 : +90
336 : #af5076 : +100
346 : #af5066 : +110
356 : #af5057 : +120
226 : #5066af : -10
227 : #5065af : -9
228 : #5063af : -8
229 : #5062af : -7
230 : #5060af : -6
231 : #505eaf : -5
232 : #505daf : -4
233 : #505baf : -3
234 : #505aaf : -2
235 : #5058af : -1
236 : #5057af : ±0
237 : #5055af : +1
238 : #5053af : +2
239 : #5052af : +3
240 : #5050af : +4
241 : #5250af : +5
242 : #5350af : +6
243 : #5550af : +7
244 : #5750af : +8
245 : #5850af : +9
246 : #5a50af : +10
S : 彩度 ( 37% )
(0%) 渋い ～ 鮮やか (100%)
1 : #7e7e81 : -36
3 : #7c7c83 : -34
5 : #797a86 : -32
7 : #777888 : -30
9 : #74768b : -28
11 : #71738e : -26
13 : #6f7190 : -24
15 : #6c6f93 : -22
17 : #6a6d95 : -20
19 : #676b98 : -18
21 : #65689a : -16
23 : #62669d : -14
25 : #60649f : -12
27 : #5d62a2 : -10
29 : #5b5fa4 : -8
31 : #585da7 : -6
33 : #555baa : -4
35 : #5359ac : -2
37 : #5057af : ±0
39 : #4e54b1 : +2
41 : #4b52b4 : +4
43 : #4950b6 : +6
45 : #464eb9 : +8
47 : #444cbb : +10
49 : #4149be : +12
51 : #3e47c1 : +14
53 : #3c45c3 : +16
55 : #3943c6 : +18
57 : #3741c8 : +20
59 : #343ecb : +22
61 : #323ccd : +24
63 : #2f3ad0 : +26
65 : #2d38d2 : +28
67 : #2a35d5 : +30
69 : #2833d7 : +32
71 : #2531da : +34
73 : #222fdd : +36
75 : #202ddf : +38
77 : #1d2ae2 : +40
79 : #1b28e4 : +42
81 : #1826e7 : +44
83 : #1624e9 : +46
85 : #1322ec : +48
87 : #111fee : +50
89 : #0e1df1 : +52
91 : #0b1bf4 : +54
93 : #0919f6 : +56
95 : #0617f9 : +58
97 : #0414fb : +60
99 : #0112fe : +62
L : 明度 ( 50% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -50
2 : #030307 : -48
4 : #06070e : -46
6 : #0a0a15 : -44
8 : #0d0e1c : -42
10 : #101123 : -40
12 : #13152a : -38
14 : #161831 : -36
16 : #1a1c38 : -34
18 : #1d1f3f : -32
20 : #202346 : -30
22 : #23264d : -28
24 : #272a54 : -26
26 : #2a2d5b : -24
28 : #2d3162 : -22
30 : #303469 : -20
32 : #333770 : -18
34 : #373b77 : -16
36 : #3a3e7e : -14
38 : #3d4285 : -12
40 : #40458c : -10
42 : #434993 : -8
44 : #474c9a : -6
46 : #4a50a1 : -4
48 : #4d53a8 : -2
50 : #5057af : ±0
52 : #575db2 : +2
54 : #5e64b5 : +4
56 : #656bb8 : +6
58 : #6c72bc : +8
60 : #7378bf : +10
62 : #7a7fc2 : +12
64 : #8186c5 : +14
66 : #888cc8 : +16
68 : #8f93cc : +18
70 : #969acf : +20
72 : #9da1d2 : +22
74 : #a4a7d5 : +24
76 : #abaed8 : +26
78 : #b2b5dc : +28
80 : #b9bcdf : +30
82 : #c0c2e2 : +32
84 : #c7c9e5 : +34
86 : #ced0e9 : +36
88 : #d5d7ec : +38
90 : #dcddef : +40
92 : #e3e4f2 : +42
94 : #eaebf5 : +44
96 : #f1f2f9 : +46
98 : #f8f8fc : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow