文字列から色を生成する

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/11/25 10:50

ただいまコメントを受けつけておりません。

文字列から色を生成する

D.Crescent でユーザに文字色を与える機能が欲しくなり、作った。同じキャラクターなら常に同じ色にしたい。

<script src="https://shunshun94.github.io/shared/other/io/github/shunshun94/util/colorutil.js"></script>
<script>
const str = 'ベースとなる文字列';
$('body').css('background-color', io.github.shunshun94.util.Color.getColorFromSeed(str).code);
</script>

io.github.shunshun94.util.Color.getColorFromSeed は 3 つの引数を取る。

1: 文字列 or 数字 (必須) ……ベースとなる文字や数字。キャラクターシートの ID が入力されることを意図している
2: 彩度 (任意。デフォルト値100) ……0～100 の数字を入れる。100で彩度最大 (引数1から生成された色として最も純粋になる)。0になら灰色になる
3: 輝度 (任意。デフォルト値35) …… 0～100 の数字を入れる。100なら白、0なら黒になる。デフォルト値はチャットで見やすい色になるようにより黒に近い値である 35 となっている。