Highchartsのグラフの色を変えた日記 : まりっぺぶろぐ
Highcharts JSとかいうグラフ描くJSで色変えただけのなんてことはない話。 私はグラフにはノータッチだったんですが、気づいたら円グラフに色がかぶっている項目が出来てしまっていたので、どうかと思って色だけ追加しました。 設定した色の数よりグラフの項目の数の方が上回った場合、ループして一番最初の色から使われるため、色がかぶってしまうのでした。 colors: ['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92'], というわけで色を増やしてループしないようにしようというわけなんですが、めんどいので元々の色はそのまま使いつつ、同じようなトーンの色を増やします。 元々の色の傾向と対策 暖色を増やしたい 濃い色の透明度を上げた色を追加する 変な茶色
Web 2.0 Colour Palette
Apache/2.4.29 (Ubuntu) Server at modernlifeisrubbish.co.uk Port 443
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
ゆなカラーピッカー
ゆなカラーピッカー 概要 これはHTMLやプログラミングなどで色を16進数RGB値で指定する必要がある場合に、 10進数やスライダーを使って色を簡単に作成し、数値を表示するためのソフトです。 もちろんペイントソフトと併用したり、使い道はいくらでもあります。 主な特徴はHTMLにおいてInternet ExplorerとNetscape Navigatorで色名指定できる色が140色組み込まれていることと、 画面上の色を取得できることです。 画面上の色を取得する際に、３ピクセル(５ピクセル)平方の平均値を取得することも可能です。 特徴 スクロールバー、10進数、16進数、etcによる数値の指定 HTMLで使用可能な140色のカラーネームによる指定 数値の各種フォーマットでの表示 各種フォーマットでのクリップボードへのコピー 16進数表記の大小文字の選択可能 スポイトによる画面上の色の取得
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳
Web Color List
