ピッカー
画像
色相環
チャート
カラーライブラリ
変換
RGB から Hex
Hex から RGB
ツール
コントラスト確認
カラーミキサー
名前
カラー名
Minecraft
Bukkit
Roblox
日本語
English
中文
日本語
한국어
Español
Français
Deutsch
Português
チャート
カラーライブラリ
RGB から Hex
Hex から RGB
コントラスト確認
カラーミキサー
カラー名
Minecraft
Bukkit
Roblox
カラーコード
カラーチャート
Tailwind、フラットデザイン、Material、Web セーフカラーから配色を探せます。
Hex
6DF3EA
RGB
109, 243, 234
HSL
176, 85, 69
OKLCH
0.89, 0.12, 189
6DF3EA
6FE8DF
71DCD5
73D1CA
75C5C0
77BAB5
78AEAA
7AA3A0
7C9795
7E8C8B
808080
切り替え
#
Red
FFEBEE
FFCDD2
EF9A9A
E57373
EF5350
F44336
E53935
D32F2F
C62828
B71C1C
Pink
FCE4EC
F8BBD0
F48FB1
F06292
EC407A
E91E63
D81B60
C2185B
AD1457
880E4F
Purple
F3E5F5
E1BEE7
CE93D8
BA68C8
AB47BC
9C27B0
8E24AA
7B1FA2
6A1B9A
4A148C
Deep Purple
EDE7F6
D1C4E9
B39DDB
9575CD
7E57C2
673AB7
5E35B1
512DA8
4527A0
311B92
Indigo
E8EAF6
C5CAE9
9FA8DA
7986CB
5C6BC0
3F51B5
3949AB
303F9F
283593
1A237E
Blue
E3F2FD
BBDEFB
90CAF9
64B5F6
42A5F5
2196F3
1E88E5
1976D2
1565C0
0D47A1
Light Blue
E1F5FE
B3E5FC
81D4FA
4FC3F7
29B6F6
03A9F4
039BE5
0288D1
0277BD
01579B
Cyan
E0F7FA
B2EBF2
80DEEA
4DD0E1
26C6DA
00BCD4
00ACC1
0097A7
00838F
006064
Teal
E0F2F1
B2DFDB
80CBC4
4DB6AC
26A69A
009688
00897B
00796B
00695C
004D40
Green
E8F5E9
C8E6C9
A5D6A7
81C784
66BB6A
4CAF50
43A047
388E3C
2E7D32
1B5E20
Light Green
F1F8E9
DCEDC8
C5E1A5
AED581
9CCC65
8BC34A
7CB342
689F38
558B2F
33691E
Lime
F9FBE7
F0F4C3
E6EE9C
DCE775
D4E157
CDDC39
C0CA33
AFB42B
9E9D24
827717
Yellow
FFFDE7
FFF9C4
FFF59D
FFF176
FFEE58
FFEB3B
FDD835
FBC02D
F9A825
F57F17
Amber
FFF8E1
FFECB3
FFE082
FFD54F
FFCA28
FFC107
FFB300
FFA000
FF8F00
FF6F00
Orange
FFF3E0
FFE0B2
FFCC80
FFB74D
FFA726
FF9800
FB8C00
F57C00
EF6C00
E65100
Deep Orange
FBE9E7
FFCCBC
FFAB91
FF8A65
FF7043
FF5722
F4511E
E64A19
D84315
BF360C
Brown
EFEBE9
D7CCC8
BCAAA4
A1887F
8D6E63
795548
6D4C41
5D4037
4E342E
3E2723
Grey
FAFAFA
F5F5F5
EEEEEE
E0E0E0
BDBDBD
9E9E9E
757575
616161
424242
212121
Blue Grey
ECEFF1
CFD8DC
B0BEC5
90A4AE
78909C
607D8B
546E7A
455A64
37474F
263238
Neutral
FFFFFF
000000
HTML カラーコード
›
カラーチャート
カラーコードを書き出し
×
Tailwind v4
Tailwind CSS 変数
Tailwind v3
Tailwind 設定オブジェクト
Figma
Figma カラーオブジェクト
CSS プレフィックス
Hex、rgb、hsl、oklch
コードのみ
Hex、rgb、hsl、oklch
Hex
RGB
HSL
OKLCH
コードをコピー
クリップボードにコピーしました