パステルカラー全300色【html色一覧】

パステルカラー

html・cssで使えるパステルカラーの色見本です。 コピペしやすいように16進数だけでなく、RGBaのコードも一覧に載せてます。

最初は赤~青、後半に青~オレンジというような色一覧となってます。

※RGBaや色コードの使い方については「【css】背景(backgroundプロパティ)の使い方まとめ」で紹介してますので、ご覧ください。

webカラーコード一覧
webカラーコード一覧(ネームで指定できる色140色)
webセーフカラー216色
パステルカラー300色
モノトーンカラー256色
ビビッドカラー300色
webサイトのリンクで使われている色
日本の伝統色760色
中国の伝統色245色
フランスの伝統色330色
世界の洋色の名前413色(カラーコード付き)

パステルカラー色見本とコード一覧(300色)

#FF7F7F
rgba(255,127,127,1)
#FF7FBF
rgba(255,127,191,1)
#FF7FFF
rgba(255,127,255,1)
#BF7FFF
rgba(191,127,255,1)
#7F7FFF
rgba(127,127,255,1)
#7FBFFF
rgba(127,191,255,1)
#FF8484
rgba(255,132,132,1)
#FF84C1
rgba(255,132,193,1)
#FF84FF
rgba(255,132,255,1)
#C184FF
rgba(193,132,255,1)
#8484FF
rgba(132,132,255,1)
#84C1FF
rgba(132,193,255,1)
#FF8989
rgba(255,137,137,1)
#FF89C4
rgba(255,137,196,1)
#FF89FF
rgba(255,137,255,1)
#C489FF
rgba(196,137,255,1)
#8989FF
rgba(137,137,255,1)
#89C4FF
rgba(137,196,255,1)
#FF8E8E
rgba(255,142,142,1)
#FF8EC6
rgba(255,142,198,1)
#FF8EFF
rgba(255,142,255,1)
#C68EFF
rgba(198,142,255,1)
#8E8EFF
rgba(142,142,255,1)
#8EC6FF
rgba(142,198,255,1)
#FF9393
rgba(255,147,147,1)
#FF93C9
rgba(255,147,201,1)
#FF93FF
rgba(255,147,255,1)
#C993FF
rgba(201,147,255,1)
#9393FF
rgba(147,147,255,1)
#93C9FF
rgba(147,201,255,1)
#FF9999
rgba(255,153,153,1)
#FF99CC
rgba(255,153,204,1)
#FF99FF
rgba(255,153,255,1)
#CC99FF
rgba(204,153,255,1)
#9999FF
rgba(153,153,255,1)
#99CCFF
rgba(153,204,255,1)
#FF9E9E
rgba(255,158,158,1)
#FF9ECE
rgba(255,158,206,1)
#FF9EFF
rgba(255,158,255,1)
#CE9EFF
rgba(206,158,255,1)
#9E9EFF
rgba(158,158,255,1)
#9ECEFF
rgba(158,206,255,1)
#FFA3A3
rgba(255,163,163,1)
#FFA3D1
rgba(255,163,209,1)
#FFA3FF
rgba(255,163,255,1)
#D1A3FF
rgba(209,163,255,1)
#A3A3FF
rgba(163,163,255,1)
#A3D1FF
rgba(163,209,255,1)
#FFA8A8
rgba(255,168,168,1)
#FFA8D3
rgba(255,168,211,1)
#FFA8FF
rgba(255,168,255,1)
#D3A8FF
rgba(211,168,255,1)
#A8A8FF
rgba(168,168,255,1)
#A8D3FF
rgba(168,211,255,1)
#FFADAD
rgba(255,173,173,1)
#FFADD6
rgba(255,173,214,1)
#FFADFF
rgba(255,173,255,1)
#D6ADFF
rgba(214,173,255,1)
#ADADFF
rgba(173,173,255,1)
#ADD6FF
rgba(173,214,255,1)
#FFB2B2
rgba(255,178,178,1)
#FFB2D8
rgba(255,178,216,1)
#FFB2FF
rgba(255,178,255,1)
#D8B2FF
rgba(216,178,255,1)
#B2B2FF
rgba(178,178,255,1)
#B2D8FF
rgba(178,216,255,1)
#FFB7B7
rgba(255,183,183,1)
#FFB7DB
rgba(255,183,219,1)
#FFB7FF
rgba(255,183,255,1)
#DBB7FF
rgba(219,183,255,1)
#B7B7FF
rgba(183,183,255,1)
#B7DBFF
rgba(183,219,255,1)
#FFBCBC
rgba(255,188,188,1)
#FFBCDD
rgba(255,188,221,1)
#FFBCFF
rgba(255,188,255,1)
#DDBCFF
rgba(221,188,255,1)
#BCBCFF
rgba(188,188,255,1)
#BCDDFF
rgba(188,221,255,1)
#FFC1C1
rgba(255,193,193,1)
#FFC1E0
rgba(255,193,224,1)
#FFC1FF
rgba(255,193,255,1)
#E0C1FF
rgba(224,193,255,1)
#C1C1FF
rgba(193,193,255,1)
#C1E0FF
rgba(193,224,255,1)
#FFC6C6
rgba(255,198,198,1)
#FFC6E2
rgba(255,198,226,1)
#FFC6FF
rgba(255,198,255,1)
#E2C6FF
rgba(226,198,255,1)
#C6C6FF
rgba(198,198,255,1)
#C6E2FF
rgba(198,226,255,1)
#FFCCCC
rgba(255,204,204,1)
#FFCCE5
rgba(255,204,229,1)
#FFCCFF
rgba(255,204,255,1)
#E5CCFF
rgba(229,204,255,1)
#CCCCFF
rgba(204,204,255,1)
#CCE5FF
rgba(204,229,255,1)
#FFD1D1
rgba(255,209,209,1)
#FFD1E8
rgba(255,209,232,1)
#FFD1FF
rgba(255,209,255,1)
#E8D1FF
rgba(232,209,255,1)
#D1D1FF
rgba(209,209,255,1)
#D1E8FF
rgba(209,232,255,1)
#FFD6D6
rgba(255,214,214,1)
#FFD6EA
rgba(255,214,234,1)
#FFD6FF
rgba(255,214,255,1)
#EAD6FF
rgba(234,214,255,1)
#D6D6FF
rgba(214,214,255,1)
#D6EAFF
rgba(214,234,255,1)
#FFDBDB
rgba(255,219,219,1)
#FFDBED
rgba(255,219,237,1)
#FFDBFF
rgba(255,219,255,1)
#EDDBFF
rgba(237,219,255,1)
#DBDBFF
rgba(219,219,255,1)
#DBEDFF
rgba(219,237,255,1)
#FFE0E0
rgba(255,224,224,1)
#FFE0EF
rgba(255,224,239,1)
#FFE0FF
rgba(255,224,255,1)
#EFE0FF
rgba(239,224,255,1)
#E0E0FF
rgba(224,224,255,1)
#E0EFFF
rgba(224,239,255,1)
#FFE5E5
rgba(255,229,229,1)
#FFE5F2
rgba(255,229,242,1)
#FFE5FF
rgba(255,229,255,1)
#F2E5FF
rgba(242,229,255,1)
#E5E5FF
rgba(229,229,255,1)
#E5F2FF
rgba(229,242,255,1)
#FFEAEA
rgba(255,234,234,1)
#FFEAF4
rgba(255,234,244,1)
#FFEAFF
rgba(255,234,255,1)
#F4EAFF
rgba(244,234,255,1)
#EAEAFF
rgba(234,234,255,1)
#EAF4FF
rgba(234,244,255,1)
#FFEFEF
rgba(255,239,239,1)
#FFEFF7
rgba(255,239,247,1)
#FFEFFF
rgba(255,239,255,1)
#F7EFFF
rgba(247,239,255,1)
#EFEFFF
rgba(239,239,255,1)
#EFF7FF
rgba(239,247,255,1)
#FFF4F4
rgba(255,244,244,1)
#FFF4F9
rgba(255,244,249,1)
#FFF4FF
rgba(255,244,255,1)
#F9F4FF
rgba(249,244,255,1)
#F4F4FF
rgba(244,244,255,1)
#F4F9FF
rgba(244,249,255,1)
#FFF9F9
rgba(255,249,249,1)
#FFF9FC
rgba(255,249,252,1)
#FFF9FF
rgba(255,249,255,1)
#FCF9FF
rgba(252,249,255,1)
#F9F9FF
rgba(249,249,255,1)
#F9FCFF
rgba(249,252,255,1)
#7FFFFF
rgba(127,255,255,1)
#7FFFBF
rgba(127,255,191,1)
#7FFF7F
rgba(127,255,127,1)
#BFFF7F
rgba(191,255,127,1)
#FFFF7F
rgba(255,255,127,1)
#FFBF7F
rgba(255,191,127,1)
#84FFFF
rgba(132,255,255,1)
#84FFC1
rgba(132,255,193,1)
#84FF84
rgba(132,255,132,1)
#C1FF84
rgba(193,255,132,1)
#FFFF84
rgba(255,255,132,1)
#FFC184
rgba(255,193,132,1)
#89FFFF
rgba(137,255,255,1)
#89FFC4
rgba(137,255,196,1)
#89FF89
rgba(137,255,137,1)
#C4FF89
rgba(196,255,137,1)
#FFFF89
rgba(255,255,137,1)
#FFC489
rgba(255,196,137,1)
#8EFFFF
rgba(142,255,255,1)
#8EFFC6
rgba(142,255,198,1)
#8EFF8E
rgba(142,255,142,1)
#C6FF8E
rgba(198,255,142,1)
#FFFF8E
rgba(255,255,142,1)
#FFC68E
rgba(255,198,142,1)
#93FFFF
rgba(147,255,255,1)
#93FFC9
rgba(147,255,201,1)
#93FF93
rgba(147,255,147,1)
#C9FF93
rgba(201,255,147,1)
#FFFF93
rgba(255,255,147,1)
#FFC993
rgba(255,201,147,1)
#99FFFF
rgba(153,255,255,1)
#99FFCC
rgba(153,255,204,1)
#99FF99
rgba(153,255,153,1)
#CCFF99
rgba(204,255,153,1)
#FFFF99
rgba(255,255,153,1)
#FFCC99
rgba(255,204,153,1)
#9EFFFF
rgba(158,255,255,1)
#9EFFCE
rgba(158,255,206,1)
#9EFF9E
rgba(158,255,158,1)
#CEFF9E
rgba(206,255,158,1)
#FFFF9E
rgba(255,255,158,1)
#FFCE9E
rgba(255,206,158,1)
#A3FFFF
rgba(163,255,255,1)
#A3FFD1
rgba(163,255,209,1)
#A3FFA3
rgba(163,255,163,1)
#D1FFA3
rgba(209,255,163,1)
#FFFFA3
rgba(255,255,163,1)
#FFD1A3
rgba(255,209,163,1)
#A8FFFF
rgba(168,255,255,1)
#A8FFD3
rgba(168,255,211,1)
#A8FFA8
rgba(168,255,168,1)
#D3FFA8
rgba(211,255,168,1)
#FFFFA8
rgba(255,255,168,1)
#FFD3A8
rgba(255,211,168,1)
#ADFFFF
rgba(173,255,255,1)
#ADFFD6
rgba(173,255,214,1)
#ADFFAD
rgba(173,255,173,1)
#D6FFAD
rgba(214,255,173,1)
#FFFFAD
rgba(255,255,173,1)
#FFD6AD
rgba(255,214,173,1)
#B2FFFF
rgba(178,255,255,1)
#B2FFD8
rgba(178,255,216,1)
#B2FFB2
rgba(178,255,178,1)
#D8FFB2
rgba(216,255,178,1)
#FFFFB2
rgba(255,255,178,1)
#FFD8B2
rgba(255,216,178,1)
#B7FFFF
rgba(183,255,255,1)
#B7FFDB
rgba(183,255,219,1)
#B7FFB7
rgba(183,255,183,1)
#DBFFB7
rgba(219,255,183,1)
#FFFFB7
rgba(255,255,183,1)
#FFDBB7
rgba(255,219,183,1)
#BCFFFF
rgba(188,255,255,1)
#BCFFDD
rgba(188,255,221,1)
#BCFFBC
rgba(188,255,188,1)
#DDFFBC
rgba(221,255,188,1)
#FFFFBC
rgba(255,255,188,1)
#FFDDBC
rgba(255,221,188,1)
#C1FFFF
rgba(193,255,255,1)
#C1FFE0
rgba(193,255,224,1)
#C1FFC1
rgba(193,255,193,1)
#E0FFC1
rgba(224,255,193,1)
#FFFFC1
rgba(255,255,193,1)
#FFE0C1
rgba(255,224,193,1)
#C6FFFF
rgba(198,255,255,1)
#C6FFE2
rgba(198,255,226,1)
#C6FFC6
rgba(198,255,198,1)
#E2FFC6
rgba(226,255,198,1)
#FFFFC6
rgba(255,255,198,1)
#FFE2C6
rgba(255,226,198,1)
#CCFFFF
rgba(204,255,255,1)
#CCFFE5
rgba(204,255,229,1)
#CCFFCC
rgba(204,255,204,1)
#E5FFCC
rgba(229,255,204,1)
#FFFFCC
rgba(255,255,204,1)
#FFE5CC
rgba(255,229,204,1)
#D1FFFF
rgba(209,255,255,1)
#D1FFE8
rgba(209,255,232,1)
#D1FFD1
rgba(209,255,209,1)
#E8FFD1
rgba(232,255,209,1)
#FFFFD1
rgba(255,255,209,1)
#FFE8D1
rgba(255,232,209,1)
#D6FFFF
rgba(214,255,255,1)
#D6FFEA
rgba(214,255,234,1)
#D6FFD6
rgba(214,255,214,1)
#EAFFD6
rgba(234,255,214,1)
#FFFFD6
rgba(255,255,214,1)
#FFEAD6
rgba(255,234,214,1)
#DBFFFF
rgba(219,255,255,1)
#DBFFED
rgba(219,255,237,1)
#DBFFDB
rgba(219,255,219,1)
#EDFFDB
rgba(237,255,219,1)
#FFFFDB
rgba(255,255,219,1)
#FFEDDB
rgba(255,237,219,1)
#E0FFFF
rgba(224,255,255,1)
#E0FFEF
rgba(224,255,239,1)
#E0FFE0
rgba(224,255,224,1)
#EFFFE0
rgba(239,255,224,1)
#FFFFE0
rgba(255,255,224,1)
#FFEFE0
rgba(255,239,224,1)
#E5FFFF
rgba(229,255,255,1)
#E5FFF2
rgba(229,255,242,1)
#E5FFE5
rgba(229,255,229,1)
#F2FFE5
rgba(242,255,229,1)
#FFFFE5
rgba(255,255,229,1)
#FFF2E5
rgba(255,242,229,1)
#EAFFFF
rgba(234,255,255,1)
#EAFFF4
rgba(234,255,244,1)
#EAFFEA
rgba(234,255,234,1)
#F4FFEA
rgba(244,255,234,1)
#FFFFEA
rgba(255,255,234,1)
#FFF4EA
rgba(255,244,234,1)
#EFFFFF
rgba(239,255,255,1)
#EFFFF7
rgba(239,255,247,1)
#EFFFEF
rgba(239,255,239,1)
#F7FFEF
rgba(247,255,239,1)
#FFFFEF
rgba(255,255,239,1)
#FFF7EF
rgba(255,247,239,1)
#F4FFFF
rgba(244,255,255,1)
#F4FFF9
rgba(244,255,249,1)
#F4FFF4
rgba(244,255,244,1)
#F9FFF4
rgba(249,255,244,1)
#FFFFF4
rgba(255,255,244,1)
#FFF9F4
rgba(255,249,244,1)
#F9FFFF
rgba(249,255,255,1)
#F9FFFC
rgba(249,255,252,1)
#F9FFF9
rgba(249,255,249,1)
#FCFFF9
rgba(252,255,249,1)
#FFFFF9
rgba(255,255,249,1)
#FFFCF9
rgba(255,252,249,1)
webカラーコード一覧
webカラーコード一覧(ネームで指定できる色140色)
webセーフカラー216色
パステルカラー
モノトーンカラー256色
ビビッドカラー300色
webサイトのリンクで使われている色
日本の伝統色760色
中国の伝統色245色
フランスの伝統色330色
世界の洋色の名前413色(カラーコード付き)

パステルカラーとは彩度が低く、明度が高い色のことをいいます。

彩度とは色の鮮やかさのことで、明度とは色の明るさのことです。 かんたんに言うと、原色に白をまぜた淡く優しいトーン色がパステルカラーという事になります。

web制作やブログカスタマイズでもパステルカラーは、よく使う色だと思います。 枠の中の背景やテーブルの背景には、かなり薄いパステルカラーを使用してるサイトを見かける事も あるので、ぜひ使って見て下さいね(^^♪

以上「パステルカラーのコード一覧と色見本」でしたー(^^)/

ブログランキング・にほんブログ村へ ブログランキング