#91DE45

#91DE45

イエローグリーン系

カラーコード変換

形式
HEX#91DE45
RGBrgb(145, 222, 69)
RGBArgba(145, 222, 69, 1)
HSLhsl(90, 70%, 57%)
HSVhsv(90, 69%, 87%)
CMYKcmyk(35%, 0%, 69%, 13%)
Aa

白背景

1.65:1不適合

Aa

黒背景

12.74:1AA適合


配色パレット提案

補色

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

#91DE45#9145DE

類似色

色相環で隣接する色

#DEDE45#B8DE45#91DE45#6BDE45#45DE45

トライアド

色相環で120°間隔の3色

#91DE45#4591DE#DE4591

テトラード

色相環で90°間隔の4色

#91DE45#45DEDE#9145DE#DE4545

モノクローム

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

#457515#6BB620#91DE45#B8EA86#DEF5C7

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

補色の両隣の色

#91DE45#4545DE#DE45DE

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

ライト → ダーク

linear-gradient(135deg, #D1F1B1, #91DE45, #528B18)

補色グラデーション

linear-gradient(135deg, #91DE45, #9145DE)

類似色グラデーション

linear-gradient(135deg, #DEDE45, #91DE45, #45DE45)

ラジアルグロー

radial-gradient(circle, #91DE45, #528B18)

サンセット風

linear-gradient(to right, #91DE45, #45DE45, #9145DE)

オーバーレイ

linear-gradient(180deg, #91DE45CC, #91DE4533)

CSS使用例

背景色として使用

Hello, World!
background-color: #91DE45;

テキスト色として使用

Color Text
color: #91DE45;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #91DE4566;

関連するカラー