回答:
うわー、誰かがこれをSOに投稿したばかりです。
それはまさに医師が注文したものです：http : //jsfiddle.net/
html、css、javascriptを記述し、そこで直接実行できます!! さらに、彼らはすでにJqueryやその他のものへの参照を持っています！
インターネットルール33は、あなたが望む/想像するなら、そこにあると思います！;）
http://colorschemedesigner.com/を偶然見つけました。
色を選択するのに最適で、サンプルページを表示して、典型的なページに適用される配色を確認します。
更新：ウェブサイトはhttp://paletton.comになりました
私は何も知りませんが、これは自分で設定するのは簡単です。記述するすべての要素を含む基本的なHTMLドキュメントを作成するだけです。（必要に応じてLipsum.comからテキストを生成できます。）次に、ドキュメントヘッドのCSSファイルにリンクして、スタイルが添付されていることを確認します。次回テストするときは、別のCSSファイルを指すように変更します。
正確にあなたが求めたものではありませんが、less.jsのライブウォッチモードが大好きです。
一般的に、手動で必要なHTMLまたはXHTMLのフレーバーの要素/組み合わせをモックアップしますが、要素の独自のマスタードキュメントを作成できます。2台目のモニター（または2台、3台など）を接続してすべてのブラウザーを開く（または2台目のコンピューターを使用する）場合、保存した変更はすべて一度にそれらのライブに適用されます。
LessCSS構文は通常のCSSと一緒に使用できますが、処理が速く、簡単に取得できます（結果は後で通常のCSSに変換できます）。
Aviaryなどのツールを使用すると、スクリーンショット（スクロールダウンとステッチの自動化を含む）を簡単に取得でき、すばやく注釈を付けたり（共有可能なリンクとオンラインで）、保存したり、別のツール（Photoshop、GIMP、ペイントなど）で比較したりできます.NETなど）をレイヤーとしてオーバーレイし、一番上のレイヤーの透明度を変更します。
編集：
スクリーンショットプロセス（ファイル保存時）を自動化する場合：
次に、スクリーングラバーでファイルウォッチャーのようなものを使用できます（Pythonの方向性を許してください、他の多くのソリューションがあります）。後処理も自動化でき、一貫したウィンドウ位置を使用する場合（プログラム/デスクトップ環境がこれを支援できます）、ブラウザーの周りの「クロム」をスクリプトの一部として切り取ることができます。
w3schoolsでは、HTMLおよびCSSルールをいじることができます。プレイしたいCSS / HTMLを見つけて、「自分で試してみてください」と書かれている箇所を探してください。こちらが彼らのborder CSSページであり、ここが彼らの遊び場です。
すべてのページをhtml / cssで作成し、firebugまたはchrome webmasterツールを使用してスタイルを追加/変更/実験します。迅速、簡単、かつ一時的なものであり、実験に最適です。さらに、独自のサーバーで独自のコードを操作することもできますが、これもまたボーナスです。
Buzzkill：私のUI開発者は、ブラウザの違いのために真のデザインツールでコンセプトを作成し、次に模倣するコードの方が良いと警告しています...
サイドノート-私はJqueryのUI Themerollerの大ファンです。そのようなツールは、Themerollerがスタイルを変更するために存在します。ThemerollerのCSSを使用してサイトを完全にテーマ化してから、さまざまなテーマを切り替えることができます。まだ試していない場合、特に今すぐに人気のある「光沢のある」外観を探している場合は、展開を実際にスピードアップできます。
それがあなたが求めていたものかどうかはわかりませんが、CSS Zen Gardenには、CSSデザインがたくさんあるようなHTMLページがあります。このサイト用に独自のCSSを書くこともできます。例は非常に刺激的です。