#FF38D7

#FF38D7

ホットピンク系

カラーコード変換

形式
HEX#FF38D7
RGBrgb(255, 56, 215)
RGBArgba(255, 56, 215, 1)
HSLhsl(312, 100%, 61%)
HSVhsv(312, 78%, 100%)
CMYKcmyk(0%, 78%, 16%, 0%)
Aa

白背景

3.09:1AA Large

Aa

黒背景

6.80:1AA適合


配色パレット提案

補色

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

#FF38D7#38FF60

類似色

色相環で隣接する色

#C338FF#F538FF#FF38D7#FF38A5#FF3874

トライアド

色相環で120°間隔の3色

#FF38D7#D7FF38#38D7FF

テトラード

色相環で90°間隔の4色

#FF38D7#FFC338#38FF60#3874FF

モノクローム

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

#9E007E#EB00BC#FF38D7#FF85E7#FFD1F6

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

補色の両隣の色

#FF38D7#74FF38#38FFC3

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

ライト → ダーク

linear-gradient(135deg, #FFB8F1, #FF38D7, #B80093)

補色グラデーション

linear-gradient(135deg, #FF38D7, #38FF60)

類似色グラデーション

linear-gradient(135deg, #C338FF, #FF38D7, #FF3874)

ラジアルグロー

radial-gradient(circle, #FF38D7, #B80093)

サンセット風

linear-gradient(to right, #FF38D7, #FF3874, #38FF60)

オーバーレイ

linear-gradient(180deg, #FF38D7CC, #FF38D733)

CSS使用例

背景色として使用

Hello, World!
background-color: #FF38D7;

テキスト色として使用

Color Text
color: #FF38D7;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー