ピンクの配色・カラーパレット

ピンクを主役に、甘さを加減する。グレー、緑、ネイビーとの組み合わせ。

ピンクは明るさによって印象が変わります。同じ名前でも実際のコードを確認してください。

やわらかな余白

#F4D7DA
#F7F5F0
#75867B
#333F3B

明るいピンクに落ち着いた緑を少し。

面積の比較用です。文字色は別途コントラストを確認してください。

この配色を編集する

ピンクとネイビー

#E8A8BC
#EDEAF1
#293A5C

濃いネイビーを合わせ、文字を読みやすくします。

面積の比較用です。文字色は別途コントラストを確認してください。

この配色を編集する
色見本を1枚の図で見る
ピンクの配色・カラーパレットの色見本。各色のHEXコードを併記。
掲載データから作成した画面用の色見本。実物の色票ではありません。操作できる一覧は上にあります。

自分の配色に、少し変えてみる。

気になる色を色板に集めて編集・書き出しできます。組み合わせを作り直すなら配色ツールへ。

配色をつくる

このページの情報を訂正する