配色パターンサンプル

配色のパターンサンプルです。サイト制作の参考にしてください。

■同一色相 sample

     
     
     
     
     
     
     
     
     
     
     
     
     

■隣接色相・類似色相

     
     
     
     
     
     
     
     
     
     
     
     
     

■対照色相・補色色相

     
     
     
     
     
     
     
     
     
     
     
     
     

■類似トーンの調和

     
     
     
     
     
     
     
     
     
     
     

■対照トーンの調和 sample

     
     
     
     
     
     
     
     
     
     
     
     
     
HTML5