シームレスな黒、赤と黄色の線形スウォッチ
シームレスな黒、赤と黄色のパレット（34色）。 #00010d, #7f0049, #ba0020, #f5bb1f, #f5b90b, #b50029, #75104e, #00000e。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
34色、編集できる OKLCH キーフレーム7個。
- #00010d
- #020121
- #160337
- #370349
- #5d004f
- #7f0049
- #97003f
- #a60035
- #b0002b
- #ba0020
- #c41812
- #cc3b00
- #d66400
- #e78f00
- #f5bb1f
- #f7e262
- #f7f985
- #f7f984
- #f7e15f
- #f5b90b
- #e58d00
- #d46100
- #ca3600
- #c10f17
- #b50029
- #ab0435
- #9e0d3e
- #8e1147
- #75104e
- #540d4e
- #310945
- #130432
- #02011e
- #00000e
CSS
background: linear-gradient(90deg, oklch(8.02% 0.0448 263.82) 0.000% 2.941%, oklch(12.17% 0.0719 272.77) 2.941% 5.882%, oklch(18.36% 0.0942 292.03) 5.882% 8.824%, oklch(25.49% 0.1198 314.16) 8.824% 11.765%, oklch(32.66% 0.1445 336.11) 11.765% 14.706%, oklch(38.88% 0.1597 354.82) 14.706% 17.647%, oklch(43.31% 0.1735 7.55) 17.647% 20.588%, oklch(46.08% 0.1843 15.31) 20.588% 23.529%, oklch(47.98% 0.1927 20.20) 23.529% 26.471%, oklch(49.79% 0.2015 24.14) 26.471% 29.412%, oklch(52.30% 0.2029 29.03) 29.412% 32.353%, oklch(56.30% 0.1893 36.80) 32.353% 35.294%, oklch(63.16% 0.1672 49.89) 35.294% 38.235%, oklch(72.46% 0.1600 67.11) 38.235% 41.176%, oklch(82.27% 0.1629 85.05) 41.176% 44.118%, oklch(90.67% 0.1481 100.32) 44.118% 47.059%, oklch(95.76% 0.1390 109.53) 47.059% 50.000%, oklch(95.68% 0.1395 109.44) 50.000% 52.941%, oklch(90.44% 0.1500 100.12) 52.941% 55.882%, oklch(81.87% 0.1664 84.75) 55.882% 58.824%, oklch(71.90% 0.1593 66.67) 58.824% 61.765%, oklch(62.47% 0.1670 49.22) 61.765% 64.706%, oklch(55.51% 0.1913 35.74) 64.706% 67.647%, oklch(51.46% 0.2037 27.25) 67.647% 70.588%, oklch(48.94% 0.1969 21.33) 70.588% 73.529%, oklch(47.14% 0.1866 16.28) 73.529% 76.471%, oklch(45.26% 0.1738 10.48) 76.471% 79.412%, oklch(42.51% 0.1599 2.24) 79.412% 82.353%, oklch(38.08% 0.1454 349.71) 82.353% 85.294%, oklch(31.85% 0.1269 331.96) 85.294% 88.235%, oklch(24.71% 0.1060 311.40) 88.235% 91.176%, oklch(17.57% 0.0854 290.80) 91.176% 94.118%, oklch(11.38% 0.0676 272.91) 94.118% 97.059%, oklch(7.50% 0.0520 264.05) 97.059% 100.000%);