LTech
学習コンテンツ
コードエディタ
リファレンス
ツール
ログイン
新規登録
配色確認ツール
プリセット配色
ティール・ターコイズ
#37AB9D
#4DC0B2
#FFC042
#586365
ネイビー・ブルー
#1B435D
#78BBE6
#D5EEFF
#F99F48
ホワイト・クリーン
#4A90E2
#7ED3F7
#F8F9FA
#6C757D
ダーク・モダン
#2C2C2C
#444444
#00D4FF
#FF6B6B
グレー・シック
#6C757D
#ADB5BD
#E9ECEF
#495057
ピンク・フェミニン
#E91E63
#F8BBD9
#FCE4EC
#AD1457
パープル・エレガント
#7B1FA2
#BA68C8
#F3E5F5
#4A148C
イエロー・ビビッド
#FFC107
#FFD54F
#FFF9C4
#FF8F00
プライマリーカラー
ⓘ
プライマリーカラーはデザインで最も多く使用される主要な色です。ブランドやサービスの印象を決定づけ、ヘッダーやナビゲーションなどの重要な要素に使用されます。アプリの個性やアイデンティティを表現する役割を持ちます。
セカンダリーカラー
ⓘ
セカンダリーカラーはプライマリーカラーを補完する役割を持つ色です。プライマリーカラーとの調和を保ちながら、アプリのデザインに奥行きや変化を与えます。サブ見出しやアクティブ要素などに使用されることが多いです。
アクセントカラー
ⓘ
アクセントカラーは、特定の要素を強調するための色です。ボタンやリンク、重要な情報など、ユーザーの注目を集めたい部分に使用されます。全体のデザインの中で少量だけ使用し、効果的なアクセントとして機能します。
クォータナリーカラー
ⓘ
クォータナリーカラーは配色スキームの第4の色として、全体のバランスを整える役割を持ちます。プロフィール情報やフッター、サブ要素などの補足的な部分に使用され、デザインに統一感と深みを与えます。
••• LTech
9:41 AM
100% 🔋
☁️
Welcome To Cloud
QUICK SIGNUP
SIGN IN
More Options
ウェルカム画面
••• LTech
9:41 AM
100% 🔋
☁️
USERNAME
PASSWORD
SIGN IN
Forgot Password?
ログイン画面
••• LTech
9:41 AM
100% 🔋
New
📷
Scan
⚙️
Gallery
📁
Folder
📊
📄
⭕
⭐
メイン画面
••• LTech
9:41 AM
100% 🔋
←
Settings
👤
Alex Smith
alex@example.com
→
MY CLOUD
RECENT
FAVORITES
CLOUD SPACE
OFFLINE FILES
TRASH
HELP AND FEEDBACK
設定画面
••• LTech
9:41 AM
100% 🔋
←
Profile
👤
Alex Smith
Premium User
E-MAIL
PHONE NUMBER
PASSWORD
NOTIFICATION
DELETE ACCOUNT
プロフィール画面