カラーパレット
PALETTE 3D

配色を3Dで試す

5つの色を選ぶと、部屋、カフェ、コーデ、アプリ画面に配色がそのまま反映されます。ドラッグで回して、いろいろな角度から確かめてみましょう。

読み込み中…
ドラッグで回転・ピンチで拡大
X LINE Threads

配色 色をタップして変更

おすすめ配色

文字の読みやすさ WCAG コントラスト比

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るルーレット作成項目を入れて回せるルーレット。カラールーレットも今の空の色太陽の位置から、今の空の色と5色のパレット
無料診断・ツールをすべて見る →

使い方

右の5色に、カラーコードを入れるか色を選びます。それぞれの色には、壁・メイン、床・家具、アクセント、小物、差し色の役割があります。上のタブで部屋、カフェ、コーデ、アプリ画面を切りかえて、配色がどう見えるかを確かめましょう。

配色を決めるコツ

面積の大きい壁や床にはおだやかな色、小物や差し色には強い色を使うと、まとまりやすくなります。色の役割を入れかえるボタンで、同じ5色でも印象が大きく変わるのを試せます。

文字の読みやすさ

アプリ画面などで文字をのせる色は、背景との明るさの差(コントラスト)が大切です。下のチェックで、ふつうの文字に十分なコントラストがあるかを確認できます。

よくある質問

スマホでも動きますか?

はい。指でドラッグすると回り、2本指でつまむと拡大・縮小できます。古い端末では動きが重くなることがあります。

作った配色を保存できますか?

「画像で保存」で今の画面を画像にできます。「URLをコピー」で、5色とシーンをそのまま共有できます。

色の役割とは何ですか?

5色を、壁・メイン、床・家具、アクセント、小物、差し色に割りあてたものです。ボタンで役割を入れかえると、同じ色でも見え方が変わります。

ほかのガイドとツール