#18E276のRGB値は？

#18E276（ミディアムスプリンググリーン系）のRGB値は、赤(R)=24、緑(G)=226、青(B)=118です。

#18E276の補色は？

#18E276（ミディアムスプリンググリーン系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#18E276はどんな色？

#18E276はミディアムスプリンググリーン系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

#18E276のカラーコード情報｜RGB, CMYK変換とおすすめ配色パレット

#18E276

ミディアムスプリンググリーン系

カラーコード変換

形式	値
HEX	#18E276
RGB	rgb(24, 226, 118)
RGBA	rgba(24, 226, 118, 1)
HSL	hsl(148, 81%, 49%)
HSV	hsv(148, 89%, 89%)
CMYK	cmyk(89%, 0%, 48%, 11%)

白背景

1.72:1不適合

黒背景

12.18:1AA適合

配色パレット提案

補色

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

#18E276#E21884

類似色

色相環で隣接する色

#1EE218#18E244#18E276#18E2A9#18E2DB

トライアド

色相環で120°間隔の3色

#18E276#7618E2#E27618

テトラード

色相環で90°間隔の4色

#18E276#181EE2#E21884#E2DB18

モノクローム

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

#09582E#109D52#18E276#59EE9E#9EF5C7

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

補色の両隣の色

#18E276#DB18E2#E2181E

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

ライト → ダーク

linear-gradient(135deg, #87F2B9, #18E276, #0C6F3A)

補色グラデーション

linear-gradient(135deg, #18E276, #E21884)

類似色グラデーション

linear-gradient(135deg, #1EE218, #18E276, #18E2DB)

ラジアルグロー

radial-gradient(circle, #18E276, #0C6F3A)

サンセット風

linear-gradient(to right, #18E276, #18E2DB, #E21884)

オーバーレイ

linear-gradient(180deg, #18E276CC, #18E27633)

CSS使用例

背景色として使用

Hello, World!

background-color: #18E276;

テキスト色として使用

Color Text

color: #18E276;

ボーダー色として使用

ボーダー要素

border: 3px solid #18E276;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #18E27666;