#33CC36のRGB値は？

#33CC36（ライムグリーン系）のRGB値は、赤(R)=51、緑(G)=204、青(B)=54です。

#33CC36の補色は？

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

#33CC36はどんな色？

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

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

#33CC36

ライムグリーン系

カラーコード変換

形式	値
HEX	#33CC36
RGB	rgb(51, 204, 54)
RGBA	rgba(51, 204, 54, 1)
HSL	hsl(121, 60%, 50%)
HSV	hsv(121, 75%, 80%)
CMYK	cmyk(75%, 0%, 74%, 20%)

白背景

2.14:1不適合

黒背景

9.83:1AA適合

配色パレット提案

補色

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

#33CC36#CC33C9

類似色

色相環で隣接する色

#7DCC33#57CC33#33CC36#33CC5C#33CC82

トライアド

色相環で120°間隔の3色

#33CC36#3633CC#CC3633

テトラード

色相環で90°間隔の4色

#33CC36#337DCC#CC33C9#CC8233

モノクローム

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

#145215#248F25#33CC36#70DB72#ADEBAE

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

補色の両隣の色

#33CC36#8233CC#CC337D

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

ライト → ダーク

linear-gradient(135deg, #99E69A, #33CC36, #19661B)

補色グラデーション

linear-gradient(135deg, #33CC36, #CC33C9)

類似色グラデーション

linear-gradient(135deg, #7DCC33, #33CC36, #33CC82)

ラジアルグロー

radial-gradient(circle, #33CC36, #19661B)

サンセット風

linear-gradient(to right, #33CC36, #33CC82, #CC33C9)

オーバーレイ

linear-gradient(180deg, #33CC36CC, #33CC3633)

CSS使用例

背景色として使用

Hello, World!

background-color: #33CC36;

テキスト色として使用

Color Text

color: #33CC36;

ボーダー色として使用

ボーダー要素

border: 3px solid #33CC36;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #33CC3666;