ピンクのカラーコード（ピンク系32色）

ピンクには、ベビーピンクや桜色のようなやさしいパステル、あたたかいサーモンやブラッシュ、ホットピンク・ショッキングピンク・バービーピンクのような鮮烈なマゼンタ系まで幅があります。このページでは、hotpink、deeppink、palevioletredなどのCSS色名に、ファッションやデザインでよく知られた名前を加えたピンク32色を、HEX・RGB・HSL・CMYK・OKLCHのコード、明るい版・暗い版、補色、最も読みやすい文字色とともに紹介します。

使い方

1. ピンク系の色を選びます。
2. HEX、RGB、HSL、CMYKのコードをコピーします。
3. 明るい版は背景に、暗い版は文字やボタンに使います。
4. 表ですべてのピンクを比べるか、チャートをダウンロードします。

計算式

明るい版 ＝ c + (255 − c) × p · 暗い版 ＝ c × (1 − p) · 補色 ＝ HSLの色相 + 180°

ピンクは明るい赤やマゼンタなので、補色は明るい緑やミントになります。CMYKの値は簡易的な式によるもので、印刷会社はプロファイルで変換します。

計算例

ホットピンク（hotpink）は #FF69B4 ＝ rgb(255, 105, 180) ＝ hsl(330, 100%, 70.6%) です。補色はミント #69FFB4 で、色相がちょうど半周回るため、同じ3つの数が順番を変えて並んだ値になります。