#fa61c7
RGB
赤 | 250 |
---|---|
緑 | 97 |
青 | 199 |
HSL
色相 | 320° |
---|---|
彩度 | 94% |
明度 | 68% |
輝度 | 61% |
3桁の色
補色
反転色
RGB ( 赤 = 250, 緑 = 97, 青 = 199 )
HSL ( 色相 = 320°, 彩度 = 94%, 明度 = 68% )
H : 色相 ( 320° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #fa6161 : -320
10 : #fa7a61 : -310
20 : #fa9461 : -300
30 : #faad61 : -290
40 : #fac761 : -280
50 : #fae161 : -270
60 : #fafa61 : -260
70 : #e1fa61 : -250
80 : #c7fa61 : -240
90 : #adfa61 : -230
100 : #94fa61 : -220
110 : #7afa61 : -210
120 : #61fa61 : -200
130 : #61fa7a : -190
140 : #61fa94 : -180
150 : #61faad : -170
160 : #61fac7 : -160
170 : #61fae1 : -150
180 : #61fafa : -140
190 : #61e1fa : -130
200 : #61c7fa : -120
210 : #61adfa : -110
220 : #6194fa : -100
230 : #617afa : -90
240 : #6161fa : -80
250 : #7a61fa : -70
260 : #9461fa : -60
270 : #ad61fa : -50
280 : #c761fa : -40
290 : #e161fa : -30
300 : #fa61fa : -20
310 : #fa61e1 : -10
320 : #fa61c7 : ±0
330 : #fa61ad : +10
340 : #fa6194 : +20
350 : #fa617a : +30
310 : #fa61e1 : -10
311 : #fa61de : -9
312 : #fa61db : -8
313 : #fa61d9 : -7
314 : #fa61d6 : -6
315 : #fa61d4 : -5
316 : #fa61d1 : -4
317 : #fa61cf : -3
318 : #fa61cc : -2
319 : #fa61ca : -1
320 : #fa61c7 : ±0
321 : #fa61c4 : +1
322 : #fa61c2 : +2
323 : #fa61bf : +3
324 : #fa61bd : +4
325 : #fa61ba : +5
326 : #fa61b8 : +6
327 : #fa61b5 : +7
328 : #fa61b3 : +8
329 : #fa61b0 : +9
330 : #fa61ad : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #adadad : -94
2 : #afacae : -92
4 : #b1aaae : -90
6 : #b2a9af : -88
8 : #b4a7b0 : -86
10 : #b6a5b0 : -84
12 : #b7a4b1 : -82
14 : #b9a2b1 : -80
16 : #baa0b2 : -78
18 : #bc9fb2 : -76
20 : #be9db3 : -74
22 : #bf9bb3 : -72
24 : #c19ab4 : -70
26 : #c398b4 : -68
28 : #c497b5 : -66
30 : #c695b6 : -64
32 : #c893b6 : -62
34 : #c992b7 : -60
36 : #cb90b7 : -58
38 : #cc8eb8 : -56
40 : #ce8db8 : -54
42 : #d08bb9 : -52
44 : #d189b9 : -50
46 : #d388ba : -48
48 : #d586ba : -46
50 : #d685bb : -44
52 : #d883bc : -42
54 : #d981bc : -40
56 : #db80bd : -38
58 : #dd7ebd : -36
60 : #de7cbe : -34
62 : #e07bbe : -32
64 : #e279bf : -30
66 : #e378bf : -28
68 : #e576c0 : -26
70 : #e774c0 : -24
72 : #e873c1 : -22
74 : #ea71c2 : -20
76 : #eb6fc2 : -18
78 : #ed6ec3 : -16
80 : #ef6cc3 : -14
82 : #f06ac4 : -12
84 : #f269c4 : -10
86 : #f467c5 : -8
88 : #f566c5 : -6
90 : #f764c6 : -4
92 : #f862c6 : -2
94 : #fa61c7 : ±0
96 : #fc5fc8 : +2
98 : #fd5dc8 : +4
100 : #ff5cc9 : +6
L : 明度 ( 68% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -68
2 : #0a0007 : -66
4 : #14010d : -64
6 : #1e0114 : -62
8 : #28011b : -60
10 : #310221 : -58
12 : #3b0228 : -56
14 : #45022f : -54
16 : #4f0236 : -52
18 : #59033c : -50
20 : #630343 : -48
22 : #6d034a : -46
24 : #770450 : -44
26 : #810457 : -42
28 : #8b045e : -40
30 : #940564 : -38
32 : #9e056b : -36
34 : #a80572 : -34
36 : #b20679 : -32
38 : #bc067f : -30
40 : #c60686 : -28
42 : #d0068d : -26
44 : #da0793 : -24
46 : #e4079a : -22
48 : #ed07a1 : -20
50 : #f708a7 : -18
52 : #f812ab : -16
54 : #f81bae : -14
56 : #f825b2 : -12
58 : #f92fb5 : -10
60 : #f939b9 : -8
62 : #f943bc : -6
64 : #f94dc0 : -4
66 : #fa57c3 : -2
68 : #fa61c7 : ±0
70 : #fa6bca : +2
72 : #fb74ce : +4
74 : #fb7ed1 : +6
76 : #fb88d5 : +8
78 : #fc92d8 : +10
80 : #fc9cdc : +12
82 : #fca6df : +14
84 : #fdb0e3 : +16
86 : #fdbae6 : +18
88 : #fdc4ea : +20
90 : #fdceed : +22
92 : #fed7f1 : +24
94 : #fee1f4 : +26
96 : #feebf8 : +28
98 : #fff5fb : +30
100 : #ffffff : +32
CSS入門、作ってます。
text-shadow