htmlの質問です

それぞれ モノクロ用のホームページと カラー用のホームページを作れば 分けることにはなりますし、それが一番簡単でもあると思いますね。

多分、できるはずです。

/* 白黒プリンタ用のスタイル */
@media print and (monochrome) {
    #hoge {
        background-color: white;
    }
}

/* カラープリンタ用のスタイル */
@media print and (color) {
    #hoge {
        background-color: yellow;
    }
}
/*
  ↑とも書けますが、画面もカラーでしょうから、カラー用は画面もプリンタも、
  まとめてスタイルが書けます。
 */
/* 全てのデバイス（画面もプリンタも）で、カラー用のスタイル */
@media all and (color) {
    #hoge {
        background-color: yellow;
    }
}

こういうのを、「メディアクエリ」と言うそうです。
以下のようなところをご参考に。
http://www.marguerite.jp/Nihongo/WWW/RefCSS/MediaQueries/index.html
https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Media_queries

英語ですが同じ質問している人がいます。
http://stackoverflow.com/questions/17294817/media-queries-color-monochrome-and-printing
↓
http://www.quirksmode.org/css/tests/mediaqueries/color.html
特に下のページが参考になるかもしれません

http://www.fsfield.info/develop/css/007/
こちらが参考になると思います。