最新のWeb開発のチュートリアル
×

CSS チュートリアル

CSS HOME CSS 導入 CSS 構文 CSS の仕方 CSS 色 CSS 背景 CSSボーダー CSS 余白 CSS パディング CSS 高さ/幅 CSS テキスト CSS フォント CSS リンクス CSS リスト CSS テーブル CSS ボックスモデル CSSの概要 CSSの表示 CSS 最大幅 CSSのポジション CSS 浮く CSS Inline-block CSS 整列します CSS コンビネータ CSS 擬似クラス CSS 擬似要素 CSS ナビゲーションバー CSS ドロップダウン CSS ツールチップ CSS イメージギャラリー CSS 画像の不透明度 CSS 画像のスプライト CSS attrのセレクタ CSSフォーム CSS カウンター

CSS3

CSS3 導入 CSS3 角丸 CSS3 ボーダーイメージ CSS3 背景 CSS3 色 CSS3 グラデーション CSS3 影 CSS3 テキスト CSS3 フォント CSS3 2Dトランスフォーム CSS3 3Dトランスフォーム CSS3 トランジション CSS3 アニメーション CSS3 画像 CSS3 ボタン CSS3 ページネーション CSS3 複数の列 CSS3 ユーザーインターフェース CSS3 ボックスのサイズ設定 CSS3 Flexbox CSS3 メディアクエリー CSS3 MQ例

CSS レスポンシブWebデザイン

レスポンシブWebデザイン イントロ レスポンシブWebデザイン ビューポート レスポンシブWebデザイン グリッドビュー レスポンシブWebデザイン メディアクエリー レスポンシブWebデザイン 画像 レスポンシブWebデザイン ビデオ レスポンシブWebデザイン フレームワーク

CSS Examples

CSS 例 CSS クイズ CSS 証明書

CSS References

CSS 参照 CSS セレクタ CSS 機能 CSS リファレンス聴覚 CSS Web Safe フォント CSS アニメーション CSS ユニット CSS PX-EMコンバータ CSS 色 CSS 色値 CSS 色名 CSS3 ブラウザのサポート

 

CSS色


色は赤、緑、青の光を組み合わせて表示されます。


CSSの色は、ほとんどの場合で指定されています。

  • 以下のような-有効な色名"red"
  • RGB値-のような"rgb(255, 0, 0)"
  • HEX値-のような"#ff0000"

色名

色の名前を使用して設定色:

Color Name
 Red
 Green
 Blue
 Orange
 Yellow
 Cyan
 Black
»それを自分で試してみてください

注:色の名前は、大文字と小文字を区別しません: "Red"と同じである"red"または"RED"

HTMLとCSSをサポートしています140標準色名を


RGB(赤、緑、青)

RGB(赤、緑、青):RGBカラー値は、次の式を使用して指定することができます。

各パラメータ(赤、緑、青)が0と255の間の色の強度を定義します。

例えば、 rgb(255,0,0) 、以下のRGB値を混合することにより、赤は最高値(255)に設定され、他は0実験に設定されているため、赤で表示されます。

255 0 0
RGB(255、0、0)

Color RGB
  rgb(255,0,0)
  rgb(0,255,0)
  rgb(0,0,255)
  rgb(255,165,0)
  rgb(255,255,0)
  rgb(0,255,255)
»それを自分で試してみてください

グレーの色合いは、多くの場合、すべての3の光源と同じ値を使用して定義されています。

Color RGB
  rgb(0,0,0)
  rgb(128,128,128)
  rgb(255,255,255)
»それを自分で試してみてください

進色

RGB値は、フォームで16進数のカラー値を使用して指定することができます。#RRGGBB、RR(赤)、G-G(緑)、BB(青)は00とFF(10進0-255と同じ)の16進値です。

たとえば、 #FF0000赤は最高値(FF)に設定され、他は最低値(00)に設定されているため、赤で表示されます:。HEX値は大文字小文字を区別しません: "#ff0000"同じです"FF0000"

Color HEX
  #FF0000
  #00FF00
  #0000FF
  #FFA500
  #FFFF00
  #00FFFF
»それを自分で試してみてください

グレーの色合いは、多くの場合、すべての3の光源と同じ値を使用して定義されています。

Color HEX
  #000000
  #808080
  #FFFFFF
»それを自分で試してみてください