UIデザインに最適！ トーンを合わせたカラーでカラーパレットを簡単に生成できる無料ツール -The good colors
WebサイトやスマホアプリのUIにトーンを合わせたカラーを使用すると、デザインに統一感が生まれます。このトーンを合わせたカラーというのは、明度と彩度が一貫されたカラーのことです。 デバイスに依存しない、トーンを合わせたカラーパレットをOKLCH色空間で簡単に作成できる無料ツールを紹介します。RGBやHEX値もサポートしています。 The good colors The good colorsは、OKLCH色空間を使用してカラーパレットを作成できるオンラインツールです。OKLCH色空間とは、明度（Lightness）、彩度（Chrome）、色相（Hue）の値で構成されるカラーで、LCHに比べて色相と彩度の均一性が改善された色空間です。そのため、明度と彩度が一貫された知覚的変化が保証されます。 OKLCH色空間を使用したカラーパレット 使い方は、簡単です。 「Lightness」と「Chrom
グラフィックデザイナー 南雲治嘉
*本ページ上の情報は弊社の都合により事前の告知なく変更、終了することがございます。予めご了承ください。 *講座の返金規定はColosoの返金ポリシーに準じます。 ▶ 返金ポリシーはこちら *受講、例題使用範囲などの知的財産権、機器台数制限に関する情報は▶FAQ 欄でご確認ください。
南雲治嘉さん（グラフィックデザイナー）「色は人を幸せにする」インタビュー
グラフィックデザイナーの南雲治嘉さん。“色”は人を幸せにする――叔父の想いを受け継ぎ、“先端色彩”という領域として、教授を務めるデジタルハリウッド大学の学生や、さらに中国メディア大学や上海音楽学院の学生に伝えられています。「人を幸せにするデザイン」とは。南雲先生を語る上で欠かせない、ご夫人マチコさんの思い出とともに語って頂いた「ほんとのはなし」お届けします。 こんな話をしています…… ・デザインの三原則は「相手を笑顔に、喜ばせる」「感動させる」「人を幸せにする」 ・色には塗った人の気持ちが表れている ・悩み続けるより解決の仕方を学び、結果がどうであれやってみる 南雲治嘉（なぐも・はるよし）氏プロフィール ※インタビュー当時 1944年東京都生まれ。金沢美術工芸大学産業美術学科卒業。 グラフィックデザイナー、アートディレクターとして活躍。また、ベーシックデザイン、デザイン理論、表現技法、色彩
スライド資料のデザインが劇的に良くなる！現場で学んだフォント・色の選び方｜fuyuna blog｜デザイン・ライフスタイル・キャリアについて書くデザイナーのブログ
「作りたい資料に適したフォントがわからない」 「どの色を選べばいいかわからない」 「スライド資料のデザインをもっと洗練させたい」 スライド資料をデザインするとき、こんな悩みを持つ方は多いのではないでしょうか？ スライド資料の印象は使用する「フォント」と「色」によって大きく変わり、うまく活用すれば見る人の心を動かし、行動を促す資料を作成できます。 そんな効果的な資料を作成するには、フォントと色の基本知識が必要不可欠です。それぞれについて学ぶことでデザインセンスが高まり、あなたのスライド資料に適した色とフォントを、効率よく選べるようになるでしょう。 ということで、この記事ではスライド資料のデザインに役立つ「フォント」と「色」の基本知識から、適切な種類を選ぶポイント、もっとデザインを学びたい方におすすめの書籍まで、フォントや色に関するノウハウをたっぷり紹介していきます！ デザインに苦手意識がある
UI/UXデザインにおける色彩心理学｜ズイ
私がデザイナーになる前、誰かが私に製品、ウェブサイト、またはアプリについての最初の印象を評価したり話すよう頼まれたとき、私は通常「私の感じは...」、「私はこれを見つけると...」、「これは私にとって...」のような言葉を使っていました。ユーザーがデザインについて話すとき、まずはそれについて感じたことを意見します。でも、ユーザーはまだそのコンテンツについて詳しくないのになぜその意見が出てくるのでしょうか？それは色が関係してくるのです。 色には独自の意味があり、今日は「UI/UXデザインにおける色彩心理学」について話したいと思います。 UIデザイナーとして、色の世界への旅は非常に魅力的なものでした。 UIデザインでカラーパレットを選ぶ際の選択肢は、単なる美的要素を超えています。 各色、色調、色彩には、感情を喚起し、ユーザーの行動に影響を与え、全体的なユーザーエクスペリエンスを形作る力がありま
JIS慣用色 和名 - color-sample.com
JIS慣用色 和名 JIS慣用色(和名)は、「物体色の色名」として実際にJISで規格されています。Web向けに規定されている色ではなく、工業製品向けに規定されている色です。配色時のよいサンプルになりますので、ここではその規格されている色を16進数カラーコードで表示しています。(「金色」「銀色」を除く) HTMLやスタイルシートで色を指定する場合は、慣用色名ではなくカラーコードで指定してください。
日本の伝統色 和色大辞典 - Japanese Traditional Color Names
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
株式会社五月雨
About SAMIDARE株式会社 五月雨とは 株式会社五月雨は、配管や工場の性能を 長期に渡って維持・管理する プラントメンテナンス事業を メインに行っている会社です。 主に、工場をお持ちの製造業様や エンジニアリング会社様への サポートを行っています。 お客様がプラントの維持・管理するにあたり、 調査、配管、製缶、保温、据付の領域で 施工を弊社で行い、 工種の異なる工事をワンストップで ご依頼いただけます。
デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー
MUI v5 Theme ～基本の使い方からカスタマイズまで～
Vite + React + TypeScript 環境で MUI v5 を使用しています。 今回は MUI v5 の Theme についてTips的にまとめてみました。 テーマをアプリケーション全体に適用する Light モードと Dark モードを切り替える テーマの色を変更する テーマを一部のコンポーネントに適用する 適用されているテーマの一部を変更したテーマを作成し、一部のコンポーネントに適用する テーマに欧文フォント・日本語フォントを追加する テーマに独自のカラーキーワードを追加し、ボタンで使用する Themeの基本 デフォルトテーマ MUI には Light モード用のデフォルトテーマと Dark モード用のデフォルトテーマが用意されています。 それぞれのテーマに設定されている値などは 公式: Default Theme で確認できます。 テーマをアプリケーション全体に適用する
色の三属性「色相」「明度」「彩度」とは？【HSB/HSV】 | 321web
これら3つの属性を組み合わせることであらゆる『色』を自由自在に作成可能になります。 下記図のように色相で色味を変え、明度と彩度で色調を変えるというイメージ。 Hue/Saturation/Valueの頭文字をとってHSVカラーモデル（またはHue/Saturation/BrightnessでHSBカラーモデル）と呼ばれます。 これら三属性の知識は一生役に立つのでぜひ覚えていってください。 色相は色味を表す 色相とは赤、緑、青、黄、紫…といった色みを指します。 一般的に『色』というと色相のことを指している場合が多いですね。 光の波長 光のスペクトル 色は光の波長の違いによって変化する。 人は視認可能な360〜830nmの可視光を「色」として視覚しており、波長の長さによって知覚する色が異なります。 この可視光を波長順に並べたものを「光のスペクトル」と呼ぶ。 光のスペクトルと不可視光 色相を円で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.radix-ui.com/colors/custom
機械学習やAI機能を搭載する配色サービスも！デザイナー必見 無料で使える便利な配色系ツール26選
Colors & fonts - Home
Primer Prism
色の名前、日本語と英語での色の名前、世界各国の伝統色の名前が分かるサイトのまとめ
アルファチャンネルを使わずに透明度のある色と同じ色を作る | Design Studio LEVEL.7
アルファチャンネルを使わずに透明度のある色と同じ色を作る | Design Studio LEVEL.7
Color & Contrast
カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo
