Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
グラデーションは鮮やかな配色や動く流体Blobシェイプなど、さまざまな方法や見せ方で見かけるようになっています。 2色の配色によるグラデーションをつかった影、シャドウグラデーション(英: Shadow Gradients)を手軽に作成できるオンラインツール「CSS Shadow Gradients」が公開されています。 CSS Shadow Gradientsで作成したグラデーションは、CSSコードとしてワンクリックでコピー、利用できます。 CSS Shadow Gradients https://alvarotrigo.com/shadow-gradients/ 🧑💻 使いかた CSSグラデーションシャドウは、疑似要素をつかって表現しており、backgroundプロパティにlinear-gradient関数を使うことで、手軽にスタイリングすることができるようになりました。 使いかた
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
2022年のトレンドカラーがPantoneから発表されました。 トレンドカラーは「最も幸せで暖かいブルー」ベリーペリ(Very Peri)、斬新な視点と新しいビジョンをもたらす象徴として選ばれました。 ベリーペリ(Very Peri)は「a periwinkle shade of blue」と呼ばれる真っ青な青に新しい赤紫が染み込んだ色合いで、世界的な革新と変革が起こっていることを反映しています。 Pantone Color of the Year 2022 PANTONE 17-3938 Very Peri トレンドカラー「ベリーペリ」を使用した配色 スウォッチ素材のダウンロード PANTONE 17-3938 Very Peri 2022年のトレンドカラーはラベンダー、PANTONE 17-3938 Very Periです。 PANTONEの副社長であるLaurie Pressman氏
配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。 そこで、今回は初心者の方でもおしゃれな配色ができるカラーパレットツール・配色パターン見本サービスをまとめました。下記のように、おすすめのツールや使用する色数ごとに分類しています。 おすすめカラーパレットツール・サービス AIを使ったカラーパレットツール 2色の配色パターン見本 3色の配色パターン見本 4色の配色パターン見本 5色の配色パターン見本 その他のカラーパレットツール・サービス グラデーションの配色パターン見本 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流
ストックフォト写真を提供するShutterstockは、今年もっともダウンロードされた画像の配色、HEXカラーをピクセル単位で分析し、2021年に注目したい3色のカラートレンドを発表しました。 2021年のカラートレンドに選ばれた「Set Sail Champagne」、「Fortuna Gold」、「Tidewater Green」の3色はどれも、希望と新しいチャンスを象徴する、自然界の豊かでナチュラルな色調が特長です。 それぞれの配色を、HEXカラーコードや色の組み合わせと一緒に詳しくみていきましょう。新型コロナの外出自粛の影響で、世界中のひとが自然を欲しているようです。 2021年に要注目の配色カラートレンド!自然を感じるナチュラルな色合いが人気に Set Sail Champagne (#FAEBD7) エレガントな雰囲気の「セット・セイル・シャンパン(Set Sail Champ
こんにちは。ちょっと自分でもどこを目指しているのかわからない 1 あずきしろもち(@azukisiromochi) です。 今回は 配色Webサービス のお話。 ターゲットとしては 「色彩学とか配色理論とかどうでもいいから、手軽にそれっぽい配色を決めてくれるツールはよ!」 って感じで、配色には時間をかけず、(コーディングなどの)本題に時間を掛けたいという層です。 ということで、難しい操作なく配色を決定できるツールを紹介していきます ❗ Random material palette 概要・使用感 クリックするだけでランダムな3色配色を生成してくれる Web サービス。 配色を確認できるテンプレートも複数あり( Text template 、Card template 、 Vertical template ……)、用途に合わせて利用できるのも Good ! また、クリックで生成された配色は
2019.4.2 ※「令和 慶祝カラー」の使用について 「令和 慶祝カラー」を発表 ! ~新しい「令和」の時代を迎える慶びをこめた3色を選定~ 「令和 慶祝カラー」選定の主旨 4月1日に新元号「令和」が発表され、5月1日より新しい天皇陛下が誕生します。一般社団法人 日本流行色協会(JAFCA)は、新しい「令和」の時代を迎える国民の慶びを込め、ここに「令和 慶祝カラー」を発表いたします。 北から南まで細長く位置し、変化に富んだ地形を持つ日本の国土には、多種多様な動植物が生息しています。古来よりこの国土に棲む私たちは、自然に畏敬の念を持ち、その暮らしは四季折々の自然の風景と共にありました。「令和」という元号は、万葉集の梅花の歌32首の序文をもとに選ばれています。 この度、当協会が発表する慶祝カラー「梅」「菫」「桜」は、春の訪れを知らせる日本の代表的な花にちなんで選定いたしました
今年の色「リビング・コーラル」の具体的な使い方は? デザイン業界だけでなく、ファッションやインテリアなどさまざまな業界で、実際にどのように「リビング・コーラル」色を利用できるのか、より詳しくみていきましょう。 ファッションやアクセサリー分野 「リビング・コーラル」は、男女問わずに遊びココロのある、愉しい雰囲気を表現します。暖かい色合いは、シンプルなカラーテイストのほうが、快適性やはっきりとした明瞭さを表しやすいですが、パターンやテクスチャ、モノクロスタイルも挑戦的と言えるでしょう。また、コントラストをはっきりと目立たせる色でもあります。 グラフィックやパッケージデザイン分野 「リビング・コーラル」は、もちろんパッケージデザインの用途にも理想的です。温かみがり、親しみやすく、楽観的な色使いとなっています。 プロダクトデザイン分野 あらゆる年齢層や性別の製品に利用することができるカラーリング。
2019年の流行色・トレンドカラーがPantoneから発表されました。 2019年のトレンドカラーは、生き生きとした生命を象徴するサンゴの色合い「Living Coral」、柔らかさと活気が備えられたカラーです。 Pantone Color of the Year 2019 Pantone 16-1546 Living Coral 2019年に使用したいカラーの組み合わせ方 スウォッチ素材のダウンロード Pantone 16-1546 Living Coral 2018年のトレンドカラーは「Ultra Violet」で寒色系でしたが、2019年はかわいい暖色系です。 PANTONE 16-1546 Living Coralは、楽観主義と楽しい追求の本質的な必要性を象徴し、遊び心のある表現が具現化されています。
少人数で一回限りのプロジェクトであれば、カラーシステムは割と簡単に構築できます。しかし、大人数や長期間のプロジェクトになると、そう簡単ではありません。 Webサイトやスマホアプリで、長期的に使用でき、拡張性があり、アクセシブルなUI用のカラーシステムを構築する新しい方法を紹介します。 Re-approaching Color 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに カラーの名前の付け方 カラーの選択方法 カラーのアクセシビリティ はじめに カラーとは世界を認識するのに役立ち、そしてインターフェイスにとっても重要な存在です。わたし達が予測して、そして理解し、意思決定するのをカラーは導きます。 例えば、レッドの文字は注目し、グリーンの数字はリラックスし、グレーの文章の前にブラックの文章を読むでしょう。ブルーの文字は
[ { "properties": { "steps": 11, "hue": { "start": 220, "end": 240, "curve": "easeOutQuad" }, "saturation": { "start": 0.08, "end": 1, "rate": 1, "curve": "easeOutQuad" }, "brightness": { "start": 1, "end": 0.2, "curve": "easeInQuart" } }, "options": { "minorSteps": [ 0, 1 ], "name": "Blue", "provideInverted": false, "rotation": "clockwise" } } ]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く