#18C920

#18C920

ライムグリーン系

カラーコード変換

形式
HEX#18C920
RGBrgb(24, 201, 32)
RGBArgba(24, 201, 32, 1)
HSLhsl(123, 79%, 44%)
HSVhsv(123, 88%, 79%)
CMYKcmyk(88%, 0%, 84%, 21%)
Aa

白背景

2.23:1不適合

Aa

黒背景

9.41:1AA適合


配色パレット提案

補色

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

#18C920#C918C0

類似色

色相環で隣接する色

#67C918#3BC918#18C920#18C94D#18C979

トライアド

色相環で120°間隔の3色

#18C920#2018C9#C92018

テトラード

色相環で90°間隔の4色

#18C920#1867C9#C918C0#C97918

モノクローム

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

#07400A#108415#18C920#44E94C#88F18E

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

補色の両隣の色

#18C920#7918C9#C91867

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

ライト → ダーク

linear-gradient(135deg, #72EE78, #18C920, #0A570E)

補色グラデーション

linear-gradient(135deg, #18C920, #C918C0)

類似色グラデーション

linear-gradient(135deg, #67C918, #18C920, #18C979)

ラジアルグロー

radial-gradient(circle, #18C920, #0A570E)

サンセット風

linear-gradient(to right, #18C920, #18C979, #C918C0)

オーバーレイ

linear-gradient(180deg, #18C920CC, #18C92033)

CSS使用例

背景色として使用

Hello, World!
background-color: #18C920;

テキスト色として使用

Color Text
color: #18C920;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #18C92066;

関連するカラー