デザイン・印刷
性格診断（16タイプ）と誕生日で模様をつくる｜GitHub プロフィールに貼れる画像
2026.11.01
性格診断の4文字と誕生日から模様をつくる「16types-crest」を公開しました。
16Personalities などの診断で出る「ENTJ」「INFP」のような4文字と、誕生日の月日を使います。
組み合わせは16タイプ×366日で、5,856通りです。どの組み合わせでも、違う模様になります。
GitHub というサービスでは、自分のプロフィールのページに画像を貼れます。そこに置く飾りとして作りました。
URL に4文字と月日を入れるだけで、模様の画像が出ます。
https://takakimoriguchi.github.io/16types-crest/entj/0413.svg
この例は「ENTJ、4月13日生まれ」の模様です。
性格タイプで形を決める：4文字を4枚の線に置き換える
4文字は、2択が4つ並んだものです。
- E か I
- N か S
- T か F
- J か P
2択1つにつき、細い線の形を1枚決めます。4枚を重ねると、1枚の模様になります。
| 文字 | 形 | 理由 |
|---|---|---|
| N / S | N は斜めの×、S は縦横の＋ | N は縦横の枠から飛ぶ。S は目に見える軸に立つ |
| T / F | T は縦の2本線、F は横の2本線 | T は理屈を下から積む。F は人へ横に広がる |
| E / I | E はひし形、I は円 | ひし形の角は外を向く。円は内側で閉じる |
| J / P | J は四角、P は円 | 角があると区切りがはっきりする。円はどちらへも回れる |
flowchart TD
A["4文字（例：ENTJ）"]
B["T：縦の2本線"]
C["N：斜めの×"]
D["E：ひし形"]
E["J：中央の四角"]
F["4枚を重ねた模様"]
A --> B
B --> C
C --> D
D --> E
E --> F
ENTJ なら、縦の2本線、斜めの×、ひし形、中央の四角の4枚です。
線の重ね方：織物のように上下を決める
4枚の線は、ただ重ねると交わったところが団子になります。
そこで、織物のように上下を決めました。下から順に、T / F、N / S、E / I、J / P です。
上の線が下の線と交わるところでは、下の線に短い切れ目を入れます。
切れ目があると、下の線が上の線の下をくぐって見えます。
flowchart TD
A["いちばん下：T / F の線"]
B["2枚目：N / S の線"]
C["3枚目：E / I の線"]
D["いちばん上：J / P の線"]
E["下の線に切れ目を入れる"]
A --> B
B --> C
C --> D
D --> E
模様は縦横100の正方形1枚です。並べると、つなぎ目が見えずに続きます。
隣の正方形との境目で交わる線にも、同じように切れ目を入れています。
そのため、ホームページの背景として敷き詰めることもできます。
誕生日で色を決める：その日の太陽の位置を色相にする
色は、誕生日に太陽が空のどこにいるかで決めます。
太陽は1年かけて、星座の間を1周します。その道のりを角度で表すと、0度から360度です。
色の輪（色相環）も、0度から360度で1周します。
この2つをそのまま重ねました。誕生日の太陽の角度が、そのまま色の角度になります。
flowchart TD
A["誕生日（月と日）"]
B["その日の太陽の角度"]
C["色の輪の同じ角度"]
D["線の色"]
A --> B
B --> C
C --> D
| 日付 | 太陽の角度 | 色 |
|---|---|---|
| 春分（3月20日頃） | 0度 | 赤みのピンク |
| 夏至（6月21日頃） | 90度 | 黄 |
| 秋分（9月22日頃） | 180度 | 緑がかった水色 |
| 冬至（12月21日頃） | 270度 | 青 |
1年366日、すべての日に違う色がつきます。
決めたこと
生まれ年は使わない
URL は誰でも見られます。月日だけでも、プロフィールに載せれば他人に見えます。
年まで入れると、年齢が分かります。そのため、使うのは月と日だけにしました。
2月29日も選べます。
色はいちばん鮮やかなところを取る
色の明るさと鮮やかさを、全日で同じにすると、どの日の色もくすみます。
画面で出せる鮮やかさは、色ごとに違うからです。いちばん出しにくい色に合わせることになります。
そこで、日ごとに「その色で出せるいちばん鮮やかな点」を取るようにしました。
明るさは0.50から0.75の間に収めています。白い画面でも、黒い画面でも、線が見えるようにするためです。
背景を塗らない
線だけを描いて、背景は透明にしました。
GitHub のプロフィールは、見る人の設定で白い画面にも黒い画面にもなります。背景を塗らなければ、どちらの上にも乗ります。
選んでコピーするだけのページを置く
4文字と誕生日を選ぶと、貼り付け用の文字列が出るページを用意しました。
https://takakimoriguchi.github.io/16types-crest/
URL の決まりを覚えなくても使えます。
捨てたこと
旗の形のカード
最初の版は、タイプごとに旗のような紋章のカードを作っていました。
16タイプなので、カードは16枚です。同じタイプの人は、全員が同じカードになります。
これをやめて、誕生日を足した模様に作り直しました。16通りが5,856通りになりました。
全日共通の落ち着いた色
作り直した直後は、全日で同じ明るさと鮮やかさにしていました。
並べると、どの日もくすんで見えました。そこで、上に書いた「いちばん鮮やかな点を取る」形に変えました。
代わりに、緑がかった水色の日は、白い画面の上で少し薄く見えます。線が見えなくなる手前で止めています。
まとめ
- 性格診断の4文字と誕生日の月日から、模様の画像をつくる
- 4文字の2択4つが、重ねる線4枚の形になる
- 線は織物のように上下を決め、交わるところで下の線を切る
- 色は誕生日の太陽の角度を、そのまま色の角度にする
- 生まれ年は使わない。月と日だけ
- 組み合わせは5,856通り。GitHub のプロフィールにも、背景の敷き詰めにも使える
- 作り方はすべて公開していて、誰でも使える