表の色シミュレーター (α)
表の配色に (私が) もう迷いたくない！ プレゼンテーション、 動画制作、 Web 制作等にもどうぞ。
モニターで表示する用として調整しています。 見る人やモニター、 フォント等によっては見辛い可能性が有ります。
| 装備名 | 部位 | Lv | STR | DEX | INT | LUK | 攻撃力 | 魔力 |
|---|---|---|---|---|---|---|---|---|
| ヒルラの怒り | 指輪 | 100 | 15 | 15 | 15 | 15 | 12 | 0 |
| マグナスの怒り | 指輪 | 100 | 15 | 15 | 15 | 15 | 0 | 12 |
| シルバーブロッサムリング | 指輪 | 110 | 5 | 5 | 5 | 5 | 2 | 2 |
| マイスターリング | 指輪 | 140 | 5 | 5 | 5 | 5 | 1 | 1 |
| ヴェラッドリング (最上級) | 指輪 | 150 | 10 | 10 | 10 | 10 | 8 | 8 |
| 強力な魔性の指輪 | 指輪 | 160 | 4 | 4 | 4 | 4 | 3 | 3 |
| ガーディアンエンジェルリング | 指輪 | 160 | 5 | 5 | 5 | 5 | 2 | 2 |
| 凄まじい恐怖 | 指輪 | 200 | 5 | 5 | 5 | 5 | 4 | 4 |
| Hex | 色シミュ | |
|---|---|---|
| 奇数行の背景色 | #d61a62 | aAぁあ |
| 偶数行の背景色 | #eb558f | aAぁあ |
| 見出し行の背景色 | #fce4ed | aAぁあ |
| 表題と罫線の色 | #fad6e4 | aAぁあ |
Hex (カラーコード) をコピペする際はドラッグするよりもダブルクリックやトリプルクリックが簡単だと思います。
| 色相 | |
| データ部分の彩度 | |
| 表題と罫線の彩度 | |
| 黒文字の色 | |
| 白背景の色 | |
| データ部分の配色 | |
| 見出しの文字色 | |
| 罫線の表示 | |
| 色シミュレーション |
もう少し凝った配色をしたい場合には以下のグラデーションを是非お使い下さい。
| 記号 | Hex | R255 | G255 | B255 | RelLum | CR_Wh | CR_Bk |
|---|---|---|---|---|---|---|---|
| A-0 | |||||||
| A-1 | |||||||
| A-2 | |||||||
| A-3 | |||||||
| A-4 | |||||||
| A-5 | |||||||
| A-6 | |||||||
| A-7 | |||||||
| A-8 | |||||||
| B-1 | |||||||
| B-2 | |||||||
| B-3 | |||||||
| B-4 | |||||||
| B-5 | |||||||
| B-6 | |||||||
| B-7 | |||||||
| B-8 | |||||||
| B-9 |
参考にしたサイト
- sRGB – Wikipedia …… sRGB から CIEXYZ への計算式等
- Relative luminance – Wikipedia …… 相対輝度の計算式
- CIELAB color space – Wikipedia …… CIEXYZ から CIELAB への計算式
- Color difference – Wikipedia …… CIEDE2000 の計算式
- The CIEDE2000 Color-Difference Formula: Implementation Notes, Supplementary Test Data, and Mathematical Observations – COLOR research & application …… CIEDE2000 の計算式
- Filter Effects Module Level 1 – W3C …… セピアフィルターの計算式 (のアレンジ元)
- A Physiologically-based Model for Simulation of Color Vision Deficiency …… P/D/T 型色覚の計算式
更新履歴
| 2024-03-28 | 「色相」 の 「値を直接入力する」 で表示されるテキストボックスに #3a5b52 の様なカラーコードを入力した場合に、 その色相に変換出来る様にしました。 |
| 2023-12-18 | α 版として公開しました。 |
このページの更新日 2024-03-28