| 第２回です。今回もやっぱり色です。今回は、「薄さ」について実験します。 この「薄さ」というのは、いかに白に近いかということで決まります。 例：#ffccccだと、ピンクっぽい これも、３色だけ表にしました。やっぱり大変ですね。下に行けば行くほど薄くなります。 | |||||
| ↓カラーコードR | ↓色 | ↓カラーコードG | ↓色 | ↓カラーコードB | ↓色 |
| #ff0a0a | #0aff0a | #0a0aff | |||
| #ff0b0b | #0bff0b | #0b0bff | |||
| #ff0c0c | #0cff0c | #0c0cff | |||
| #ff0d0d | #0dff0d | #0d0dff | |||
| #ff0e0e | #0eff0e | #0e0eff | |||
| #ff0f0f | #0fff0f | #0f0fff | |||
| #ff1a1a | #1aff1a | #1a1aff | |||
| #ff1b1b | #1bff1b | #1b1bff | |||
| #ff1c1c | #1cff1c | #1c1cff | |||
| #ff1d1d | #1dff1d | #1d1dff | |||
| #ff1e1e | #1eff1e | #1e1eff | |||
| #ff1f1f | #1fff1f | #1f1fff | |||
| #ff2a2a | #2aff2a | #2a2aff | |||
| #ff2b2b | #2bff2b | #2b2bff | |||
| #ff2c2c | #2cff2c | #2c2cff | |||
| #ff2d2d | #2dff2d | #2d2dff | |||
| #ff2e2e | #2eff2e | #2e2eff | |||
| #ff2f2f | #2fff2f | #2f2fff | |||
| #ff3a3a | #3aff3a | #3a3aff | |||
| #ff3b3b | #3bff3b | #3b3bff | |||
| #ff3c3c | #3cff3c | #3c3cff | |||
| #ff3d3d | #3dff3d | #3d3dff | |||
| #ff3e3e | #3eff3e | #3e3eff | |||
| #ff3f3f | #3fff3f | #3f3fff | |||
| #ff4a4a | #4aff4a | #4a4aff | |||
| #ff4b4b | #4bff4b | #4b4bff | |||
| #ff4c4c | #4cff4c | #4c4cff | |||
| #ff4d4d | #4dff4d | #4d4dff | |||
| #ff4e4e | #4eff4e | #4e4eff | |||
| #ff4f4f | #4fff4f | #4f4fff | |||
| #ff5a5a | #5aff5a | #5a5aff | |||
| #ff5b5b | #5bff5b | #5b5bff | |||
| #ff5c5c | #5cff5c | #5c5cff | |||
| #ff5d5d | #5dff5d | #5d5dff | |||
| #ff5e5e | #5eff5e | #5e5eff | |||
| #ff5f5f | #5fff5f | #5f5fff | |||
| #ff6a6a | #6aff6a | #6a6aff | |||
| #ff6b6b | #6bff6b | #6b6bff | |||
| #ff6c6c | #6cff6c | #6c6cff | |||
| #ff6d6d | #6dff6d | #6d6dff | |||
| #ff6e6e | #6eff6e | #6e6eff | |||
| #ff6f6f | #6fff6f | #6f6fff | |||
| #ff7a7a | #7aff7a | #7a7aff | |||
| #ff7b7b | #7bff7b | #7b7bff | |||
| #ff7c7c | #7cff7c | #7c7cff | |||
| #ff7d7d | #7dff7d | #7d7dff | |||
| #ff7e7e | #7eff7e | #7e7eff | |||
| #ff7f7f | #7fff7f | #7f7fff | |||
| #ff8a8a | #8aff8a | #8a8aff | |||
| #ff8b8b | #8bff8b | #8b8bff | |||
| #ff8c8c | #8cff8c | #8c8cff | |||
| #ff8d8d | #8dff8d | #8d8dff | |||
| #ff8e8e | #8eff8e | #8e8eff | |||
| #ff8f8f | #8fff8f | #8f8fff | |||
| #ff9a9a | #9aff9a | #9a9aff | |||
| #ff9b9b | #9bff9b | #9b9bff | |||
| #ff9c9c | #9cff9c | #9c9cff | |||
| #ff9d9d | #9dff9d | #9d9dff | |||
| #ff9e9e | #9eff9e | #9e9eff | |||
| #ff9f9f | #9fff9f | #9f9fff | |||
| #ffaaaa | #aaffaa | #aaaaff | |||
| #ffabab | #abffab | #ababff | |||
| #ffacac | #acffac | #acacff | |||
| #ffadad | #adffad | #adadff | |||
| #ffaeae | #aeffae | #aeaeff | |||
| #ffafaf | #afffaf | #afafff | |||
| #ffbaba | #baffba | #babaff | |||
| #ffbbbb | #bbffbb | #bbbbff | |||
| #ffbcbc | #bcffbc | #bcbcff | |||
| #ffbdbd | #bdffbd | #bdbdff | |||
| #ffbebe | #beffbe | #bebeff | |||
| #ffbfbf | #bfffbf | #bfbfff | |||
| #ffcaca | #caffca | #cacaff | |||
| #ffcbcb | #cbffcb | #cbcbff | |||
| #ffcccc | #ccffcc | #ccccff | |||
| #ffcdcd | #cdffcd | #cdcdff | |||
| #ffcece | #ceffce | #ceceff | |||
| #ffcfcf | #cfffcf | #cfcfff | |||
| #ffdada | #daffda | #dadaff | |||
| #ffdbdb | #dbffdb | #dbdbff | |||
| #ffdcdc | #dcffdc | #dcdcff | |||
| #ffdddd | #ddffdd | #ddddff | |||
| #ffdede | #deffde | #dedeff | |||
| #ffdfdf | #dfffdf | #dfdfff | |||
| #ffeaea | #eaffea | #eaeaff | |||
| #ffebeb | #ebffeb | #ebebff | |||
| #ffecec | #ecffec | #ececff | |||
| #ffeded | #edffed | #ededff | |||
| #ffeeee | #eeffee | #eeeeff | |||
| #ffefef | #efffef | #efefff | |||
| #fffafa | #fafffa | #fafaff | |||
| #fffbfb | #fbfffb | #fbfbff | |||
| #fffcfc | #fcfffc | #fcfcff | |||
| #fffdfd | #fdfffd | #fdfdff | |||
| #fffffe | #fefffe | #fefeff | |||
| #ffffff | #ffffff | #ffffff | |||
| 今回は１時間くらいで完成しました。JavaScriptって便利ですね。 色を薄くするには、ベースの色をffにして、他の色をe1くらいにするのがちょうどいいかと思われます。 次の実験では、文字の大きさについて実験します。 | |||||
| top | |||||