#FF0FEB

#FF0FEB

マゼンタ系

カラーコード変換

形式
HEX#FF0FEB
RGBrgb(255, 15, 235)
RGBArgba(255, 15, 235, 1)
HSLhsl(305, 100%, 53%)
HSVhsv(305, 94%, 100%)
CMYKcmyk(0%, 94%, 8%, 0%)
Aa

白背景

3.22:1AA Large

Aa

黒背景

6.52:1AA適合


配色パレット提案

補色

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

#FF0FEB#0FFF23

類似色

色相環で隣接する色

#9B0FFF#D70FFF#FF0FEB#FF0FAF#FF0F73

トライアド

色相環で120°間隔の3色

#FF0FEB#EBFF0F#0FEBFF

テトラード

色相環で90°間隔の4色

#FF0FEB#FF9B0F#0FFF23#0F73FF

モノクローム

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

#75006C#C200B2#FF0FEB#FF5CF1#FFA8F8

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

補色の両隣の色

#FF0FEB#73FF0F#0FFF9B

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

ライト → ダーク

linear-gradient(135deg, #FF8FF6, #FF0FEB, #8F0083)

補色グラデーション

linear-gradient(135deg, #FF0FEB, #0FFF23)

類似色グラデーション

linear-gradient(135deg, #9B0FFF, #FF0FEB, #FF0F73)

ラジアルグロー

radial-gradient(circle, #FF0FEB, #8F0083)

サンセット風

linear-gradient(to right, #FF0FEB, #FF0F73, #0FFF23)

オーバーレイ

linear-gradient(180deg, #FF0FEBCC, #FF0FEB33)

CSS使用例

背景色として使用

Hello, World!
background-color: #FF0FEB;

テキスト色として使用

Color Text
color: #FF0FEB;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー