#F60EDF

#F60EDF

マゼンタ系

カラーコード変換

形式
HEX#F60EDF
RGBrgb(246, 14, 223)
RGBArgba(246, 14, 223, 1)
HSLhsl(306, 93%, 51%)
HSVhsv(306, 94%, 96%)
CMYKcmyk(0%, 94%, 9%, 4%)
Aa

白背景

3.47:1AA Large

Aa

黒背景

6.05:1AA適合


配色パレット提案

補色

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

#F60EDF#0EF625

類似色

色相環で隣接する色

#990EF6#D30EF6#F60EDF#F60EA5#F60E6B

トライアド

色相環で120°間隔の3色

#F60EDF#DFF60E#0EDFF6

テトラード

色相環で90°間隔の4色

#F60EDF#F6990E#0EF625#0E6BF6

モノクローム

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

#67045D#B106A0#F60EDF#F958E9#FCA1F3

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

補色の両隣の色

#F60EDF#6BF60E#0EF699

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

ライト → ダーク

linear-gradient(135deg, #FB89EF, #F60EDF, #800574)

補色グラデーション

linear-gradient(135deg, #F60EDF, #0EF625)

類似色グラデーション

linear-gradient(135deg, #990EF6, #F60EDF, #F60E6B)

ラジアルグロー

radial-gradient(circle, #F60EDF, #800574)

サンセット風

linear-gradient(to right, #F60EDF, #F60E6B, #0EF625)

オーバーレイ

linear-gradient(180deg, #F60EDFCC, #F60EDF33)

CSS使用例

背景色として使用

Hello, World!
background-color: #F60EDF;

テキスト色として使用

Color Text
color: #F60EDF;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー