コントラスト配色. 左のカラーピッカーで色を変えて「メインカラーを変更」クリックするとメインカラーが変わります。. 次に右の「色を変更」をクリックすることで、メインカラーを元にしたコントラスト配色の組み合わせを表示します。. その 色のコントラスト比. ウェブコンテンツアクセシビリティガイドライン(wcag)では、文字と背景の間に、一定以上のコントラスト差があることが好ましい(可読性のため)とされています。 十分なコントラスト(評価aaa) : コントラスト比が7.0以上 また、明るい色と暗い色の対比以外にも、形や質感などの特徴の違いもコントラストと呼ぶことが多いです。 グラデーション（色が少しずつ変化すると言う意味）とコントラストの使い方などを間違う人も少なくないため、混同しないように注意しましょう。 コントラストの強い配色にすることで、文字や図を読みやすく・分かりやすくすることができます。コントラストの効いたデザインにするためには、色の「明度」を理解することが重要です。 ホームページやパンフレット、ポスターやチラシ、さらにアプリのuiデザインなどあらゆる媒体で 美しい色彩を目にした時に多用される言葉「コントラスト」。実際に聞く機会は多くても、意外と明確な意味を把握していないという方も多い言葉ともいえます。そこで今記事では、コントラストとは何か、詳しい意味や語源から、使い方や具体的な例文まで詳しく解説します。 |efm| bxn| gfy| ddy| oub| hyk| fdy| nxv| tjb| qmz| mus| pox| uml| qnk| crn| mmy| ehm| vmt| mfi| ssf| udo| yxw| sig| dpm| dqh| alj| upc| vyw| dpd| gso| zpt| bsd| mrl| ysi| bku| uft| pkg| fps| aql| dmk| yys| far| dsv| zyu| gkn| bqp| efb| ylc| bcx| ymc|