#a049fd
RGB
赤 | 160 |
---|---|
緑 | 73 |
青 | 253 |
HSL
色相 | 269° |
---|---|
彩度 | 98% |
明度 | 64% |
輝度 | 47% |
3桁の色
補色
反転色
RGB ( 赤 = 160, 緑 = 73, 青 = 253 )
HSL ( 色相 = 269°, 彩度 = 98%, 明度 = 64% )
H : 色相 ( 269° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #fd6449 : -260
19 : #fd8249 : -250
29 : #fda049 : -240
39 : #fdbe49 : -230
49 : #fddc49 : -220
59 : #fdfa49 : -210
69 : #e2fd49 : -200
79 : #c4fd49 : -190
89 : #a6fd49 : -180
99 : #88fd49 : -170
109 : #6afd49 : -160
119 : #4cfd49 : -150
129 : #49fd64 : -140
139 : #49fd82 : -130
149 : #49fda0 : -120
159 : #49fdbe : -110
169 : #49fddc : -100
179 : #49fdfa : -90
189 : #49e2fd : -80
199 : #49c4fd : -70
209 : #49a6fd : -60
219 : #4988fd : -50
229 : #496afd : -40
239 : #494cfd : -30
249 : #6449fd : -20
259 : #8249fd : -10
269 : #a049fd : ±0
279 : #be49fd : +10
289 : #dc49fd : +20
299 : #fa49fd : +30
309 : #fd49e2 : +40
319 : #fd49c4 : +50
329 : #fd49a6 : +60
339 : #fd4988 : +70
349 : #fd496a : +80
359 : #fd494c : +90
259 : #8249fd : -10
260 : #8549fd : -9
261 : #8849fd : -8
262 : #8b49fd : -7
263 : #8e49fd : -6
264 : #9149fd : -5
265 : #9449fd : -4
266 : #9749fd : -3
267 : #9a49fd : -2
268 : #9d49fd : -1
269 : #a049fd : ±0
270 : #a349fd : +1
271 : #a649fd : +2
272 : #a949fd : +3
273 : #ac49fd : +4
274 : #af49fd : +5
275 : #b249fd : +6
276 : #b549fd : +7
277 : #b849fd : +8
278 : #bb49fd : +9
279 : #be49fd : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -98
2 : #a3a1a5 : -96
4 : #a3a0a7 : -94
6 : #a39ea9 : -92
8 : #a39cab : -90
10 : #a39aac : -88
12 : #a398ae : -86
14 : #a396b0 : -84
16 : #a395b2 : -82
18 : #a393b4 : -80
20 : #a391b6 : -78
22 : #a38fb7 : -76
24 : #a28db9 : -74
26 : #a28bbb : -72
28 : #a289bd : -70
30 : #a288bf : -68
32 : #a286c1 : -66
34 : #a284c2 : -64
36 : #a282c4 : -62
38 : #a280c6 : -60
40 : #a27ec8 : -58
42 : #a27dca : -56
44 : #a27bcc : -54
46 : #a279cd : -52
48 : #a277cf : -50
50 : #a275d1 : -48
52 : #a273d3 : -46
54 : #a272d5 : -44
56 : #a170d7 : -42
58 : #a16ed8 : -40
60 : #a16cda : -38
62 : #a16adc : -36
64 : #a168de : -34
66 : #a167e0 : -32
68 : #a165e2 : -30
70 : #a163e3 : -28
72 : #a161e5 : -26
74 : #a15fe7 : -24
76 : #a15de9 : -22
78 : #a15ceb : -20
80 : #a15aed : -18
82 : #a158ee : -16
84 : #a156f0 : -14
86 : #a154f2 : -12
88 : #a152f4 : -10
90 : #a051f6 : -8
92 : #a04ff8 : -6
94 : #a04df9 : -4
96 : #a04bfb : -2
98 : #a049fd : ±0
100 : #a047ff : +2
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #05000a : -62
4 : #0a0014 : -60
6 : #0f001e : -58
8 : #140028 : -56
10 : #190132 : -54
12 : #1e013d : -52
14 : #230147 : -50
16 : #270151 : -48
18 : #2c015b : -46
20 : #310165 : -44
22 : #36016f : -42
24 : #3b0179 : -40
26 : #400183 : -38
28 : #45018d : -36
30 : #4a0297 : -34
32 : #4f02a2 : -32
34 : #5402ac : -30
36 : #5902b6 : -28
38 : #5e02c0 : -26
40 : #6302ca : -24
42 : #6802d4 : -22
44 : #6d02de : -20
46 : #7102e8 : -18
48 : #7602f2 : -16
50 : #7b03fc : -14
52 : #810dfd : -12
54 : #8617fd : -10
56 : #8b21fd : -8
58 : #902bfd : -6
60 : #9635fd : -4
62 : #9b3ffd : -2
64 : #a049fd : ±0
66 : #a553fd : +2
68 : #ab5dfd : +4
70 : #b068fd : +6
72 : #b572fe : +8
74 : #bb7cfe : +10
76 : #c086fe : +12
78 : #c590fe : +14
80 : #ca9afe : +16
82 : #d0a4fe : +18
84 : #d5aefe : +20
86 : #dab8fe : +22
88 : #dfc2fe : +24
90 : #e5cdfe : +26
92 : #ead7ff : +28
94 : #efe1ff : +30
96 : #f4ebff : +32
98 : #faf5ff : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow