#f8259d
RGB
赤 | 248 |
---|---|
緑 | 37 |
青 | 157 |
HSL
色相 | 326° |
---|---|
彩度 | 94% |
明度 | 56% |
輝度 | 45% |
3桁の色
補色
反転色
RGB ( 赤 = 248, 緑 = 37, 青 = 157 )
HSL ( 色相 = 326°, 彩度 = 94%, 明度 = 56% )
H : 色相 ( 326° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #f83a25 : -320
16 : #f85e25 : -310
26 : #f88125 : -300
36 : #f8a425 : -290
46 : #f8c725 : -280
56 : #f8ea25 : -270
66 : #e3f825 : -260
76 : #c0f825 : -250
86 : #9df825 : -240
96 : #7af825 : -230
106 : #57f825 : -220
116 : #33f825 : -210
126 : #25f83a : -200
136 : #25f85e : -190
146 : #25f881 : -180
156 : #25f8a4 : -170
166 : #25f8c7 : -160
176 : #25f8ea : -150
186 : #25e3f8 : -140
196 : #25c0f8 : -130
206 : #259df8 : -120
216 : #257af8 : -110
226 : #2557f8 : -100
236 : #2533f8 : -90
246 : #3a25f8 : -80
256 : #5e25f8 : -70
266 : #8125f8 : -60
276 : #a425f8 : -50
286 : #c725f8 : -40
296 : #ea25f8 : -30
306 : #f825e3 : -20
316 : #f825c0 : -10
326 : #f8259d : ±0
336 : #f8257a : +10
346 : #f82557 : +20
356 : #f82533 : +30
316 : #f825c0 : -10
317 : #f825bd : -9
318 : #f825b9 : -8
319 : #f825b5 : -7
320 : #f825b2 : -6
321 : #f825ae : -5
322 : #f825ab : -4
323 : #f825a7 : -3
324 : #f825a4 : -2
325 : #f825a0 : -1
326 : #f8259d : ±0
327 : #f82599 : +1
328 : #f82596 : +2
329 : #f82592 : +3
330 : #f8258f : +4
331 : #f8258b : +5
332 : #f82588 : +6
333 : #f82584 : +7
334 : #f82581 : +8
335 : #f8257d : +9
336 : #f8257a : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -94
2 : #918d8f : -92
4 : #938a8f : -90
6 : #968890 : -88
8 : #988690 : -86
10 : #9a8490 : -84
12 : #9c8191 : -82
14 : #9f7f91 : -80
16 : #a17d91 : -78
18 : #a37b91 : -76
20 : #a57892 : -74
22 : #a77692 : -72
24 : #aa7492 : -70
26 : #ac7293 : -68
28 : #ae6f93 : -66
30 : #b06d93 : -64
32 : #b36b94 : -62
34 : #b56994 : -60
36 : #b76694 : -58
38 : #b96494 : -56
40 : #bc6295 : -54
42 : #be6095 : -52
44 : #c05d95 : -50
46 : #c25b96 : -48
48 : #c55996 : -46
50 : #c75796 : -44
52 : #c95497 : -42
54 : #cb5297 : -40
56 : #ce5097 : -38
58 : #d04e97 : -36
60 : #d24b98 : -34
62 : #d44998 : -32
64 : #d74798 : -30
66 : #d94599 : -28
68 : #db4399 : -26
70 : #dd4099 : -24
72 : #e03e9a : -22
74 : #e23c9a : -20
76 : #e43a9a : -18
78 : #e6379a : -16
80 : #e9359b : -14
82 : #eb339b : -12
84 : #ed319b : -10
86 : #ef2e9c : -8
88 : #f22c9c : -6
90 : #f42a9c : -4
92 : #f6289d : -2
94 : #f8259d : ±0
96 : #fb239d : +2
98 : #fd219d : +4
100 : #ff1f9e : +6
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #0a0006 : -54
4 : #14010b : -52
6 : #1e0111 : -50
8 : #280117 : -48
10 : #31021d : -46
12 : #3b0222 : -44
14 : #450228 : -42
16 : #4f022e : -40
18 : #590334 : -38
20 : #630339 : -36
22 : #6d033f : -34
24 : #770445 : -32
26 : #81044b : -30
28 : #8b0450 : -28
30 : #940556 : -26
32 : #9e055c : -24
34 : #a80562 : -22
36 : #b20667 : -20
38 : #bc066d : -18
40 : #c60673 : -16
42 : #d00679 : -14
44 : #da077e : -12
46 : #e40784 : -10
48 : #ed078a : -8
50 : #f7088f : -6
52 : #f81294 : -4
54 : #f81b98 : -2
56 : #f8259d : ±0
58 : #f92fa1 : +2
60 : #f939a6 : +4
62 : #f943aa : +6
64 : #f94daf : +8
66 : #fa57b3 : +10
68 : #fa61b8 : +12
70 : #fa6bbc : +14
72 : #fb74c1 : +16
74 : #fb7ec5 : +18
76 : #fb88c9 : +20
78 : #fc92ce : +22
80 : #fc9cd2 : +24
82 : #fca6d7 : +26
84 : #fdb0db : +28
86 : #fdbae0 : +30
88 : #fdc4e4 : +32
90 : #fdcee9 : +34
92 : #fed7ed : +36
94 : #fee1f2 : +38
96 : #feebf6 : +40
98 : #fff5fb : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow