ピッカー画像色相環チャートカラーライブラリ変換RGB から HexHex から RGBツールコントラスト確認カラーミキサー名前カラー名MinecraftBukkitRobloxチャートカラーライブラリRGB から HexHex から RGBコントラスト確認カラーミキサーカラー名MinecraftBukkitRoblox
カラーコード

画像カラーピッカー

画像をアップロードしてピクセルから色を取得し、パレットとコードを書き出せます。

Hex6DF3EA
RGB109, 243, 234
HSL176, 85, 69
OKLCH0.89, 0.12, 189
#
色相環をクリックまたはドラッグして色を選択します。
#

カラーハーモニー

類似色

6DF39C6DF3EA6DAEF3

補色

6DF3EAF36D76

分割補色

6DF3EAF36DB9F3A76D

トライアド

6DF3EAEA6DF3F3EA6D

テトラード

6DF3EAA76DF3F36D76B9F36D

スクエア

6DF3EAA76DF3F36D76B9F36D

色のバリエーション

Tailwind

F0FEFDDFFCFACAFBF7B3F9F49CF7F187F5EE6DF3EA59C7C048A09A377A75275754

シェード

6DF3EA62DBD357C2BB4CAAA441928C377A752C615E21494616312F0B1817000000

ティント

FFFFFFF0FEFDE2FDFBD3FBF9C5FAF7B6F9F5A7F8F299F7F08AF5EE7CF4EC6DF3EA

トーン

6DF3EA6FE8DF71DCD573D1CA75C5C077BAB578AEAA7AA3A07C97957E8C8B808080

色変換

Code
Value
HTML/CSS

コントラスト確認

白背景

1.34:1
1.34白背景のコントラスト比
要素
AA
AAA
小さいテキスト
×
×
大きいテキスト
×
×
UI要素
×
×

黒背景

15.66:1
15.66黒背景のコントラスト比
要素
AA
AAA
小さいテキスト
✓
✓
大きいテキスト
✓
✓
UI要素
✓
✓

色覚シミュレーター

赤色盲

6DF3EAA7A8EC

緑色盲

6DF3EA9F95ED

青黄色盲

6DF3EA74EEEE

全色盲

6DF3EACACACA
HTML カラーコード›画像カラーピッカー

カラーコードを書き出し

クリップボードにコピーしました