#F12778

#F12778

ディープピンク系

カラーコード変換

形式
HEX#F12778
RGBrgb(241, 39, 120)
RGBArgba(241, 39, 120, 1)
HSLhsl(336, 88%, 55%)
HSVhsv(336, 84%, 95%)
CMYKcmyk(0%, 84%, 50%, 5%)
Aa

白背景

3.96:1AA Large

Aa

黒背景

5.30:1AA適合


配色パレット提案

補色

色相環で180°反対に位置する色

#F12778#27F1A0

類似色

色相環で隣接する色

#F127DD#F127AB#F12778#F12746#F13B27

トライアド

色相環で120°間隔の3色

#F12778#78F127#2778F1

テトラード

色相環で90°間隔の4色

#F12778#DDF127#27F1A0#3B27F1

モノクローム

同じ色相の明度バリエーション

#780835#C00C54#F12778#F66FA5#FAB7D2

スプリットコンプリメンタリー

補色の両隣の色

#F12778#27F13B#27DDF1

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #F99FC3, #F12778, #90093F)

補色グラデーション

linear-gradient(135deg, #F12778, #27F1A0)

類似色グラデーション

linear-gradient(135deg, #F127DD, #F12778, #F13B27)

ラジアルグロー

radial-gradient(circle, #F12778, #90093F)

サンセット風

linear-gradient(to right, #F12778, #F13B27, #27F1A0)

オーバーレイ

linear-gradient(180deg, #F12778CC, #F1277833)

CSS使用例

背景色として使用

Hello, World!
background-color: #F12778;

テキスト色として使用

Color Text
color: #F12778;

ボーダー色として使用

ボーダー要素
border: 3px solid #F12778;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #F1277866;

関連するカラー