#46F240

#46F240

ライムグリーン系

カラーコード変換

形式
HEX#46F240
RGBrgb(70, 242, 64)
RGBArgba(70, 242, 64, 1)
HSLhsl(118, 87%, 60%)
HSVhsv(118, 74%, 95%)
CMYKcmyk(71%, 0%, 74%, 5%)
Aa

白背景

1.50:1不適合

Aa

黒背景

14.04:1AA適合


配色パレット提案

補色

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

#46F240#EC40F2

類似色

色相環で隣接する色

#9FF240#73F240#46F240#40F267#40F293

トライアド

色相環で120°間隔の3色

#46F240#4046F2#F24046

テトラード

色相環で90°間隔の4色

#46F240#409FF2#EC40F2#F29340

モノクローム

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

#0E8F0A#16D70F#46F240#8BF788#D1FCCF

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

補色の両隣の色

#46F240#9340F2#F2409F

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

ライト → ダーク

linear-gradient(135deg, #BAFAB7, #46F240, #11A70C)

補色グラデーション

linear-gradient(135deg, #46F240, #EC40F2)

類似色グラデーション

linear-gradient(135deg, #9FF240, #46F240, #40F293)

ラジアルグロー

radial-gradient(circle, #46F240, #11A70C)

サンセット風

linear-gradient(to right, #46F240, #40F293, #EC40F2)

オーバーレイ

linear-gradient(180deg, #46F240CC, #46F24033)

CSS使用例

背景色として使用

Hello, World!
background-color: #46F240;

テキスト色として使用

Color Text
color: #46F240;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #46F24066;

関連するカラー