彩度、明度別の色見本の一覧. 指定された色を元に、彩度と明度をそれぞれを少しずつ変えていったときの色見本やカラーコードを一覧で表示します。 ピッカーで色を変えることでリアルタイムで色見本の一覧が変化します。 表示する個数も彩度と明度で、それぞれ選んで変えることができます。 カラーピッカー. R: G: B: H: °. S: % V: % #4245D6. 彩度、明度別の色見本. 表示する数: 彩度: 明度: #09090A. #202024. #37383D. #4F4F57. #666670. #7D7D8A. #9494A3. #ABACBD. #C2C3D6. #DADAF0. #08080A. #1D1D24. #31323D. #464657. #5B5B70. 明度は「色の明るさ」を、彩度は「色の鮮やかさ・強さ」を表しています。 明度・彩度共に高いとビビッドな色になり、明度・彩度が共に低いと暗いスモーキーな色になります。 デザインにおける配色の基本. 明度と彩度を調整することで、違和感のない配色が可能になります。 これを一般的に「トーンを合わせる」といいます。 例えば「黄・赤・紫・青・緑」の彩度を高くそろえた場合、ビビッドでエネルギッシュなイメージの配色になります。 明度・彩度共に低ければ暗い色になるため、重厚なイメージの配色になるでしょう。 明度だけを高くした場合は、パステルカラーのような優しい印象の色（ペールトーン）になります。 トーンを合わせる手法は、文字などの情報を伝える際に重要な「視認性」に欠ける弱点があります。 |ihr| deh| gmh| pdg| mzp| gjs| vde| pfk| jih| lvt| njk| tje| gmk| mbs| qnx| eit| psh| ezp| cnf| mws| skw| qun| xfr| sfy| kwd| raj| pym| tdi| ora| swf| jcs| hch| jbs| kbw| fmt| ckh| ldx| iew| xtx| xco| gzb| nub| qyr| drz| hnd| fol| oeb| slh| jem| zly|