鮮やかなデュオトーンのオレンジとシアンの線形スウォッチ
線形スウォッチ、21色、角度180°：#f25b3d, #fe8259, #f8baa8, #cbe8de, #74fbd7。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム8個。
- #f25b3d
- #f65f3e
- #fc6640
- #ff6f46
- #ff784f
- #fe8259
- #fe8d66
- #ff9875
- #ffa485
- #ffaf92
- #f8baa8
- #f0c6b7
- #e7d2be
- #dadcca
- #d3e2d7
- #cbe8de
- #baf0e3
- #a6f6e4
- #93f9e4
- #81fadd
- #74fbd7
CSS
background: linear-gradient(180deg, oklch(66.54% 0.1915 33.05) 0.000% 4.762%, oklch(67.73% 0.1917 33.92) 4.762% 9.524%, oklch(69.43% 0.1911 35.17) 9.524% 14.286%, oklch(71.08% 0.1853 36.38) 14.286% 19.048%, oklch(72.50% 0.1743 37.59) 19.048% 23.810%, oklch(73.98% 0.1616 38.74) 23.810% 28.571%, oklch(75.75% 0.1479 39.55) 28.571% 33.333%, oklch(77.96% 0.1333 39.66) 33.333% 38.095%, oklch(80.28% 0.1168 39.86) 38.095% 42.857%, oklch(82.34% 0.1025 40.20) 42.857% 47.619%, oklch(84.23% 0.0766 37.14) 47.619% 52.381%, oklch(85.94% 0.0519 40.94) 52.381% 57.143%, oklch(87.46% 0.0356 65.21) 57.143% 61.905%, oklch(88.78% 0.0245 110.62) 61.905% 66.667%, oklch(89.89% 0.0219 152.98) 66.667% 71.429%, oklch(90.76% 0.0335 172.64) 71.429% 76.190%, oklch(91.42% 0.0580 177.93) 76.190% 80.952%, oklch(91.73% 0.0826 178.62) 80.952% 85.714%, oklch(91.44% 0.1014 178.84) 85.714% 90.476%, oklch(90.72% 0.1181 175.98) 90.476% 95.238%, oklch(90.16% 0.1295 173.59) 95.238% 100.000%);