#64E105

#64E105

シャルトリューズ系

カラーコード変換

形式
HEX#64E105
RGBrgb(100, 225, 5)
RGBArgba(100, 225, 5, 1)
HSLhsl(94, 96%, 45%)
HSVhsv(94, 98%, 88%)
CMYKcmyk(56%, 0%, 98%, 12%)
Aa

白背景

1.71:1不適合

Aa

黒背景

12.31:1AA適合


配色パレット提案

補色

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

#64E105#8105E1

類似色

色相環で隣接する色

#D2E105#9BE105#64E105#2DE105#05E113

トライアド

色相環で120°間隔の3色

#64E105#0564E1#E10564

テトラード

色相環で90°間隔の4色

#64E105#05D2E1#8105E1#E11305

モノクローム

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

#214B02#439603#64E105#8CFB37#B7FC82

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

補色の両隣の色

#64E105#1305E1#E105D2

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

ライト → ダーク

linear-gradient(135deg, #A9FC69, #64E105, #2C6402)

補色グラデーション

linear-gradient(135deg, #64E105, #8105E1)

類似色グラデーション

linear-gradient(135deg, #D2E105, #64E105, #05E113)

ラジアルグロー

radial-gradient(circle, #64E105, #2C6402)

サンセット風

linear-gradient(to right, #64E105, #05E113, #8105E1)

オーバーレイ

linear-gradient(180deg, #64E105CC, #64E10533)

CSS使用例

背景色として使用

Hello, World!
background-color: #64E105;

テキスト色として使用

Color Text
color: #64E105;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #64E10566;

関連するカラー