#78CB20

#78CB20

イエローグリーン系

カラーコード変換

形式
HEX#78CB20
RGBrgb(120, 203, 32)
RGBArgba(120, 203, 32, 1)
HSLhsl(89, 73%, 46%)
HSVhsv(89, 84%, 80%)
CMYKcmyk(41%, 0%, 84%, 20%)
Aa

白背景

2.03:1不適合

Aa

黒背景

10.36:1AA適合


配色パレット提案

補色

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

#78CB20#7220CB

類似色

色相環で隣接する色

#CBC820#A3CB20#78CB20#4DCB20#23CB20

トライアド

色相環で120°間隔の3色

#78CB20#2078CB#CB2078

テトラード

色相環で90°間隔の4色

#78CB20#20CBC8#7220CB#CB2023

モノクローム

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

#2A470B#518915#78CB20#9EE453#C3EE95

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

補色の両隣の色

#78CB20#2023CB#C820CB

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

ライト → ダーク

linear-gradient(135deg, #B7EB7F, #78CB20, #375D0E)

補色グラデーション

linear-gradient(135deg, #78CB20, #7220CB)

類似色グラデーション

linear-gradient(135deg, #CBC820, #78CB20, #23CB20)

ラジアルグロー

radial-gradient(circle, #78CB20, #375D0E)

サンセット風

linear-gradient(to right, #78CB20, #23CB20, #7220CB)

オーバーレイ

linear-gradient(180deg, #78CB20CC, #78CB2033)

CSS使用例

背景色として使用

Hello, World!
background-color: #78CB20;

テキスト色として使用

Color Text
color: #78CB20;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #78CB2066;

関連するカラー