🎨 Page icon🎨 Page icon

カラー

カラーには、イメージや雰囲気、感情などを喚起させる効果があります。
この効果を活かすことで、イメージや情報を正しく伝える可能性を高められます。

ブランドカラーバリエーション

ゆめみには固定のコーポレートカラーはありません。
「常に変化し続ける、ゆめみの輪郭」というコンセプトは、カラーにも体現されています。
通常は厳密に定義するコーポレートロゴのカラーを、状況や環境に応じて12色相に変化するグラデーション展開で、ゆめみのもつ多面性を表現します。

ダイナミック・アイデンティティカラー(DI)

色を選ぶ際の要素として、それぞれのカラーから想起されるキーワードを割り当てています。
下記パラメータを軸に、個人個人が内省し、使用シーンに合わせて意思を持って色を選んでください。

シンボルマークカラー(RGB)

シンボルマークのカラーを変える際は、以下のカラーを守ってください。
カラー指定(RGB・HEX)
ALT
A(255/235/70・#ffeb46) B(250/165/0・#faa500)
ALT
A(255/220/90・#ffdc5a) B(255/85/55・#ff5537)
ALT
A(255/185/155・#ffb99b) B(240/10/20・#f00a14)
ALT
A(255/173/183・#ffadb7) B(220/15/120・#dc0f78)
ALT
A(235/145/200・#eb91c8) B(70/20/180・#4614b4)
ALT
A(120/165/245・#78a5f5) B(120/20/160・#7814a0)
ALT
A(120/227/250・#78e3fa) B(30/40/200・#1e28c8)
ALT
A(100/240/215・#64f0d7) B(0/140/230・#008ce6)
ALT
A(180/252/190・#b4fcbe) B(0/175/185・#00afb9)
ALT
A(215/245/130・#d7f582) B(95/205/90・#5fcd5a)
ALT
A(243/247/90・#f3f75a) B(170/235/30・#aaeb1e)
ALT
A(250/248/55・#faf837) B(245/200/0・#f5c800)
ALT

シンボルマークカラー(CMYK)

カラー指定(CMYK)
ALT
A(0/3/80/0) B(0/50/100/0)
ALT
A(0/20/75/0) B(0/85/95/0)
ALT
A(0/35/33/0) B(5/100/75/0)
ALT
A(0/40/30/0) B(20/100/15/0)
ALT
A(10/50/0/0) B(80/80/5/0)
ALT
A(55/28/0/0) B(72/92/12/0)
ALT
A(50/10/0/0) B(90/80/0/0)
ALT
A(43/0/25/0) B(95/30/0/0)
ALT
A(33/0/40/0) B(85/5/30/0)
ALT
A(20/0/60/0) B(73/0/73/0)
ALT
A(10/0/80/0) B(45/0/90/0)
ALT
A(8/0/75/0) B(5/25/100/0)
ALT

カラーデータコード

背景要素などでVIカラーを使いたい場合、以下のコードを用いることができます。 社内ツールやLP制作など、是非お気軽に活用してください。

ベーシックカラーバリエーション

グラデーションの印象を保ったまま、単色を使用することもできます。
以下は、Webサイト・バナー・資料作りなどで、各色相の色を決める参考にしてください。
なお、視認性(and アクセシビリティ)には十分配慮してください。
default : #ffdc37 pale : #fdf4d8
ALT
default : #e78407 pale : #fef3e2
ALT
default : #f23e3a pale : #ffebee
ALT
default : #d81b60 pale : #fce4ec
ALT
default : #9c27b0 pale : #f3e5f5
ALT
default : #673ab7 pale : #ede7f6
ALT
default : #3e6ada pale : #e3f2fd
ALT
default : #039be5 pale : #e1f5fe
ALT
default : #26a69a pale : #e4f5f4
ALT
default : #6dbd27 pale : #e5f2e6
ALT
default : #bad125 pale : #f3f5d4
ALT
default : #f8f335 pale : #f9f5d3
ALT
default : #ffdf36 pale : #383318
ALT
default : #f59010 pale : #472501
ALT
default : #ff524e pale : #441216
ALT
default : #f4458f pale : #4a1128
ALT
default : #c762d9 pale : #44164b
ALT
default : #6a21eb pale : #331755
ALT
default : #1061ff pale : #112955
ALT
default : #44d2ff pale : #162b37
ALT
default : #1bc8b8 pale : #102c29
ALT
default : #7ed92f pale : #19290d
ALT
default : #bed724 pale : #2f311f
ALT
default : #f8f335 pale : #302f0a
ALT