リストのデザイン一覧【カラーサンプル付き】

この記事では、リストデザインの一覧とカラーサンプルをご紹介しています。

デザインを設定する際に、ぜひ参考にしてみてください。

基本[カラーA:マーク B:文字]

リスト基本サンプル1

カラーA #ed7476
カラーB #515251
リスト基本カラーサンプル2

カラーA #8bc0b8
カラーB #515251
リスト基本カラーサンプル3

カラーA #f08972
カラーB #515251

 

リスト基本 カラーサンプル4

カラーA #997bad
カラーB #515251
リスト基本 カラーサンプル5

カラーA #0e467d
カラーB #515251
リスト基本 カラーサンプル4

カラーA #f3d083
カラーB #515251

 

背景[カラーA:マーク B:文字 C:背景]

リスト背景カラーサンプル1

カラーA #e9507c
カラーB #2d4745
カラーC #f8c5b2
リスト背景カラーサンプル2

カラーA #8bc0b8
カラーB #ed7476
カラーC #eee7e1
リスト背景カラーサンプル3

カラーA #f296a5
カラーB #9570ad
カラーC #e5e6f4

 

リスト背景 カラーサンプル4

カラーA #007bbb
カラーB #19448e
カラーC #ebf6f7
リスト背景 カラーサンプル5

カラーA #e60033
カラーB #a22041
カラーC #fdeff2
リスト背景 カラーサンプル6

カラーA #f296a5
カラーB #9570ad
カラーC #e5e6f4

 

ステッチ[カラーA:マーク B:線 C:背景]

リストステッチ サンプル1

カラーA:#c37394 カラーB:#3caab1 カラーC:#c1e2e4

 

リストステッチ カラーサンプル2

カラーA:#d7316c カラーB:#eb8a73 カラーC:#ffefb4

 

リストステッチ カラーサンプル3

カラーA:#9a5b43 カラーB:#f2bcad カラーC:#eae5e3

 

ペーパー[カラーA:マーク B:文字 C:背景]

リストペーパー カラーサンプル1

カラーA:#85aeb4 カラーB:#e6e9b1 カラーC:#407774

 

リストペーパー カラーサンプル2

カラーA:#2db497 カラーB:#194a9e カラーC:#f5e928

 

リストペーパー カラーサンプル3

カラーA:#ed7d5e カラーB:#dde8c2 カラーC:#2283b6

 

方眼用紙[カラーA:マーク B:文字 C:背景]

リスト方眼用紙 カラーサンプル1

カラーA:#ece93b カラーB:#10589c カラーC:#b3e0f2

 

リスト方眼用紙 カラーサンプル2

カラーA:#397057 カラーB:#e24863 カラーC:#f0b5bb

 

リスト方眼用紙 カラーサンプル3

カラーA:#b3e0f2 カラーB:#f0b5bb カラーC:#193944

 

線[カラーA:マーク B:線 C:背景]

リスト線 カラーサンプル1

カラーA:#526fb5 カラーB:#ee794b カラーC:#f3a485

 

リスト線 カラーサンプル2

カラーA:#ef9d93 カラーB:#93846a カラーC:#928bac

 

リスト線 カラーサンプル

カラーA:#ef8244 カラーB:#ffe73b カラーC:#fffeea

 

点線[カラーA:マーク B:線 C:背景]

リスト点線 カラーサンプル

カラーA・B:#e584b3 カラーC:#ffffff

 

リスト点線 カラーサンプル

カラーA:#4ea380 カラーB:#a5d5b5 カラーC:#ffffff

 

リスト点線 カラーサンプル3

カラーA:#cf1727 カラーB:#8a9a97 カラーC:#ffffff

 

 

はみ出す線[カラーA:マーク B:文字 C:線]

リストはみ出す線 カラーサンプル1

カラーA:#7aa45b カラーB:#00372a カラーC:#4fbbc4

 

リストはみ出す線 カラーサンプル3

カラーA:#ed7466 カラーB:#3b7294 カラーC:#c9be72

 

リストはみ出す線 カラーサンプル3

カラーA:#27a787 カラーB:#556362 カラーC:#e09b9d