#3FF369

#3FF369

ミディアムシーグリーン系

カラーコード変換

形式
HEX#3FF369
RGBrgb(63, 243, 105)
RGBArgba(63, 243, 105, 1)
HSLhsl(134, 88%, 60%)
HSVhsv(134, 74%, 95%)
CMYKcmyk(74%, 0%, 57%, 5%)
Aa

白背景

1.48:1不適合

Aa

黒背景

14.24:1AA適合


配色パレット提案

補色

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

#3FF369#F33FC9

類似色

色相環で隣接する色

#6FF33F#42F33F#3FF369#3FF396#3FF3C3

トライアド

色相環で120°間隔の3色

#3FF369#693FF3#F3693F

テトラード

色相環で90°間隔の4色

#3FF369#3F6FF3#F33FC9#F3C33F

モノクローム

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

#099029#0ED83D#3FF369#87F7A1#CFFCDA

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

補色の両隣の色

#3FF369#C33FF3#F33F6F

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

ライト → ダーク

linear-gradient(135deg, #B7FAC7, #3FF369, #0BA82F)

補色グラデーション

linear-gradient(135deg, #3FF369, #F33FC9)

類似色グラデーション

linear-gradient(135deg, #6FF33F, #3FF369, #3FF3C3)

ラジアルグロー

radial-gradient(circle, #3FF369, #0BA82F)

サンセット風

linear-gradient(to right, #3FF369, #3FF3C3, #F33FC9)

オーバーレイ

linear-gradient(180deg, #3FF369CC, #3FF36933)

CSS使用例

背景色として使用

Hello, World!
background-color: #3FF369;

テキスト色として使用

Color Text
color: #3FF369;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #3FF36966;

関連するカラー