#4BE425

#4BE425

ライムグリーン系

カラーコード変換

形式
HEX#4BE425
RGBrgb(75, 228, 37)
RGBArgba(75, 228, 37, 1)
HSLhsl(108, 78%, 52%)
HSVhsv(108, 84%, 89%)
CMYKcmyk(67%, 0%, 84%, 11%)
Aa

白背景

1.69:1不適合

Aa

黒背景

12.42:1AA適合


配色パレット提案

補色

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

#4BE425#BE25E4

類似色

色相環で隣接する色

#ABE425#7BE425#4BE425#25E42F#25E45E

トライアド

色相環で120°間隔の3色

#4BE425#254BE4#E4254B

テトラード

色相環で90°間隔の4色

#4BE425#25ABE4#BE25E4#E45E25

モノクローム

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

#1E640C#32A815#4BE425#83EC69#BCF5AD

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

補色の両隣の色

#4BE425#5E25E4#E425AB

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

ライト → ダーク

linear-gradient(135deg, #A9F297, #4BE425, #257B0F)

補色グラデーション

linear-gradient(135deg, #4BE425, #BE25E4)

類似色グラデーション

linear-gradient(135deg, #ABE425, #4BE425, #25E45E)

ラジアルグロー

radial-gradient(circle, #4BE425, #257B0F)

サンセット風

linear-gradient(to right, #4BE425, #25E45E, #BE25E4)

オーバーレイ

linear-gradient(180deg, #4BE425CC, #4BE42533)

CSS使用例

背景色として使用

Hello, World!
background-color: #4BE425;

テキスト色として使用

Color Text
color: #4BE425;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #4BE42566;

関連するカラー