[記事数:1,202] 日本を元気にするキーワード、地域活性化×中小企業× ITのTips and Quotes(秘訣と引用文)
creative  link  memo 

カラーコード一覧表



216色のセーフカラー基準 ( CSSは、RRGGBBをRGBに短縮記述可能 )

R:FF基準 R:CC基準 R:99基準 R:66基準 R:33基準 R:00基準
#FFFFFF #CCFFFF #99FFFF #66FFFF #33FFFF #00FFFF
#FFFFCC #CCFFCC #99FFCC #66FFCC #33FFCC #00FFCC
#FFFF99 #CCFF99 #99FF99 #66FF99 #33FF99 #00FF99
#FFFF66 #CCFF66 #99FF66 #66FF66 #33FF66 #00FF66
#FFFF33 #CCFF33 #99FF33 #66FF33 #33FF33 #00FF33
#FFFF00 #CCFF00 #99FF00 #66FF00 #33FF00 #00FF00
#FFCCFF #CCCCFF #99CCFF #66CCFF #33CCFF #00CCFF
#FFCCCC #CCCCCC #99CCCC #66CCCC #33CCCC #00CCCC
#FFCC99 #CCCC99 #99CC99 #66CC99 #33CC99 #00CC99
#FFCC66 #CCCC66 #99CC66 #66CC66 #33CC66 #00CC66
#FFCC33 #CCCC33 #99CC33 #66CC33 #33CC33 #00CC33
#FFCC00 #CCCC00 #99CC00 #66CC00 #33CC00 #00CC00
#FF99FF #CC99FF #9999FF #6699FF #3399FF #0099FF
#FF99CC #CC99CC #9999CC #6699CC #3399CC #0099CC
#FF9999 #CC9999 #999999 #669999 #339999 #009999
#FF9966 #CC9966 #999966 #669966 #339966 #009966
#FF9933 #CC9933 #999933 #669933 #339933 #009933
#FF9900 #CC9900 #999900 #669900 #339900 #009900
#FF66FF #CC66FF #9966FF #6666FF #3366FF #0066FF
#FF66CC #CC66CC #9966CC #6666CC #3366CC #0066CC
#FF6699 #CC6699 #996699 #666699 #336699 #006699
#FF6666 #CC6666 #996666 #666666 #336666 #006666
#FF6633 #CC6633 #996633 #666633 #336633 #006633
#FF6600 #CC6600 #996600 #666600 #336600 #006600
#FF33FF #CC33FF #9933FF #6633FF #3333FF #0033FF
#FF33CC #CC33CC #9933CC #6633CC #3333CC #0033CC
#FF3399 #CC3399 #993399 #663399 #333399 #003399
#FF3366 #CC3366 #993366 #663366 #333366 #003366
#FF3333 #CC3333 #993333 #663333 #333333 #003333
#FF3300 #CC3300 #993300 #663300 #333300 #003300
#FF00FF #CC00FF #9900FF #6600FF #3300FF #0000FF
#FF00CC #CC00CC #9900CC #6600CC #3300CC #0000CC
#FF0099 #CC0099 #990099 #660099 #330099 #000099
#FF0066 #CC0066 #990066 #660066 #330066 #000066
#FF0033 #CC0033 #990033 #660033 #330033 #000033
#FF0000 #CC0000 #990000 #660000 #330000 #000000

類似色比較

#000000 white #FFFFEE #EEFFFF #FFEEFF #FF0000 #00FF00 #0000FF
#000080 #EEEEEE #FFFFDD #DDFFFF #FFDDFF #EE0000 #00EE00 #0000EE
#0000FF #DDDDDD #FFFFCC #CCFFFF #FFCCFF #DD0000 #00DD00 #0000DD
#008000 #CCCCCC #FFFFBB #BBFFFF #FFBBFF #CC0000 #00CC00 #0000CC
#008080 #BBBBBB #FFFFAA #AAFFFF #FFAAFF #BB0000 #00BB00 #0000BB
#00FF00 #AAAAAA #FFFF99 #99FFFF #FF99FF #AA0000 #00AA00 #0000AA
#00FFFF #999999 #FFFF88 #88FFFF #FF88FF #990000 #009900 #000099
#800000 #888888 #FFFF77 #77FFFF #FF77FF #880000 #008800 #000088
#800080 #777777 #FFFF66 #66FFFF #FF66FF #770000 #000770 #000077
#808000 #666666 #FFFF55 #55FFFF #FF55FF #660000 #006600 #000066
#808080 #555555 #FFFF44 #44FFFF #FF44FF #550000 #005500 #000055
#C0C0C0 #444444 #FFFF33 #33FFFF #FF33FF #440000 #004400 #000044
#FF0000 #333333 #FFFF22 #22FFFF #FF22FF #330000 #003300 #000033
#FF00FF #222222 #FFFF11 #11FFFF #FF11FF #220000 #002200 #000022
#FFFF00 #111111 #FFFF00 #00FFFF #FF00FF #110000 #001100 #000011
#E6FFE9 #CEF9DC #F3FFD8 #D7EEFF #D9E5FF #EAD9FF #FFD5EC #FFDBC9
#CBFFD3 #B1F9D0 #EDFFBE #C2EEFF #BAD3FF #DCC2FF #FFBEDA #FFC7AF
#AEFFBD #9BF9CC #E9FFA5 #A7F1FF #A4C6FF #D0B0FF #FFABCE #FFAD90
#93FFAB #86F9C5 #E4FF8D #8EF1FF #8EB8FF #C299FF #FF97C2 #FF9872
#78FF94 #77F9C3 #DBFF71 #77EEFF #75A9FF #B384FF #FF82B2 #FF8856
#5BFF7F #64F9C1 #D6FF58 #60EEFF #5D99FF #A16EFF #FF69A3 #FF773E
#43FF6B #4DF9B9 #D0FF43 #46EEFF #4689FF #9057FF #FF5192 #FF6928
#2DFF57 #30F9B2 #C9FF2F #32EEFF #2C7CFF #7B3CFF #FF367F #FF5F17
#1BFF4A #17F9AD #BEFF15 #13EEFF #136FFF #6927FF #FF1A6F #FF570D
#00FF3B #00F9A9 #B6FF01 #00ECFF #005FFF #5507FF #FF0461 #FF4F02




FavoriteLoadingお気に入りAdd to favorites
1行内に左寄せと右寄せを同時に書きたい... 左寄せ 右寄せ 1行内に左寄せと右寄せを同時に書きたい All About
ul,olのリストを横並びに 【CSS】ul,olのリストを横並びにするときにfloatじゃなくてdisplay:inline-blockを使う方法 | delaymania CSSでリストを横並びのメニューにする | m-School リストタグで横並びメニュー ...
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技... 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す(文字色も変更) ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのd...
CSSで作るシンプルな見出し(Hタグ)デザイン... テキスト まずは文頭にアクセントを これに下線をつけてみると・・・ 全部囲っちゃいましょう 点線系1 点線系2 上下ラインタイプ 点線で囲う CSSで作る見出しサンプル 2重構造 まずは文頭にアクセントを ...
WordPressで記事ごとに個別のCSSを設定する方法... body内のstyle指定は非推奨 一部分のスタイルを変えるだけなら、本文内で直接指定するのが一番楽かもしれません。 指定方法はおもに 2 つ。 まず 1 つ目は、style を記事本文入力エリアの冒頭に書いてしまう方法。 2 つ目は、タグに直接 styl...
FacebookのLike Boxは2015年6月23日で終了。Page Pluginに変わります... FacebookのLikeBox(サイトにFacebookページの情報を埋め込むための仕組み)の仕様がかわり、2015年6月23日から使用しているLikeboxが使えなくなります。 名称もLikeboxから「Page Plugin」に変更になります。 ・Page Pluginのレスポンシブ対...
WordPressタグクラウドのデザインをカスタマイズするCSS... アイコンも入れたい場合追加↓ STINGER7:タグクラウドのデザインをカスタマイズする方法【サイドバーウィジェット】 - うぇぶあしび ...
見出しデザイン CSS直接style指定タイプ... ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ...
CSSだけで角を丸くする方法 ボックスの四隅すべての角を丸くする書き方をご紹介いたします。記述方法はとても簡単で、以下のように、border-radiusプロパティの値に「丸くする角の半径」を数値で指定するだけです。 角を丸くするborder-radiusプロパティは、FirefoxやChrome等の古いバージョン...
CSSで括弧を表現したサンプル CSSで括弧を表現したサンプル 目次 丸括弧 () 鉤括弧 「」 角括弧 [] 隅付き括弧 【】 山括弧 〈〉 CSSで括弧を表現したサンプル | NxWorld ...

コメントを残す