MENU

TEMP8 -コピペでできるWeb開発情報サイト-

TEMP8

【色見本】コピペでできるカラーチャート＆配色サンプル[テーマ別]

2023年9月5日2023年9月20日

このページではHTML/CSSで使われているカラーチャートと配色パターンを厳選して紹介指定しています。

随時更新。コンセプト別で色をまとめているのでサイトやブログのテーマーカラーを決める際などにご活用ください。お使いのモニターの種類や画面表示設定などで見え方が異なる場合があります・

目次

カラーツール

カラーピッカー

クリックでウインドウを表示

カラーパレット

クリックでウインドウを表示

すぐ使える配色サンプル

RGB+白

#ff0000

#008000

#0000ff

#fff

CMYK

#00ffff

#ffff00

#548256

#000000

グレースケール

#202020

#404040

#606060

#808080

ブートストラップ

#0d6efd

#6c757d

#198754

#dc3545

#ffc107

#0dcaf0

#f8f9fa

#212529

グーグルカラー

#ea4335

#34a853

#4285f4

#fbbc05

ビビッドカラー

#ff00ff

#00ffff

#00ff00

#ffff00

ネオンカラー

#ff007f

#00ff7f

#7fff00

#ff7f00

パステルカラー

#ffddff

#eaffca

#dff4ff

#ffffcc

ポップカラー

#e97ca8

#7ab3d0

#93ca51

#fbdf00

パッションカラー

#e65106

#e11870

#cd704d

#f5d938

アースカラー

#542e01

#985d01

#7f852b

#aa955c

スカイカラー

#029be2

#8bd0e5

#a1b6c4

#c7c9ce

オーロラカラー

#a1569c

#039289

#4e52b7

#006585

ヴァイオレットカラー

#540198

#810084

#9b004e

#b60177

和風カラー

#96514d

#98d98e

#745399

#ffd900

ティーカラー

#314b29

#508141

#c18a45

#eab16b

ローズカラー

#cd4279

#eb5465

#e0bece

#f59ca0

URLをコピーしました！