#F05614

#F05614

オレンジレッド系

カラーコード変換

形式
HEX#F05614
RGBrgb(240, 86, 20)
RGBArgba(240, 86, 20, 1)
HSLhsl(18, 88%, 51%)
HSVhsv(18, 92%, 94%)
CMYKcmyk(0%, 64%, 92%, 6%)
Aa

白背景

3.47:1AA Large

Aa

黒背景

6.05:1AA適合


配色パレット提案

補色

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

#F05614#14AEF0

類似色

色相環で隣接する色

#F01440#F01F14#F05614#F08D14#F0C414

トライアド

色相環で120°間隔の3色

#F05614#14F056#5614F0

テトラード

色相環で90°間隔の4色

#F05614#40F014#14AEF0#C414F0

モノクローム

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

#652306#AD3B0B#F05614#F58A5C#F9BDA4

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

補色の両隣の色

#F05614#14F0C4#1440F0

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

ライト → ダーク

linear-gradient(135deg, #F8AC8C, #F05614, #7D2B08)

補色グラデーション

linear-gradient(135deg, #F05614, #14AEF0)

類似色グラデーション

linear-gradient(135deg, #F01440, #F05614, #F0C414)

ラジアルグロー

radial-gradient(circle, #F05614, #7D2B08)

サンセット風

linear-gradient(to right, #F05614, #F0C414, #14AEF0)

オーバーレイ

linear-gradient(180deg, #F05614CC, #F0561433)

CSS使用例

背景色として使用

Hello, World!
background-color: #F05614;

テキスト色として使用

Color Text
color: #F05614;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー