類似色の黒、マルーンとベージュの円錐スウォッチ
円錐スウォッチ、12色、角度30°：#23151a, #5c1f30, #b07337, #cdb572, #f0e3cd。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #23151a
- #301720
- #441a28
- #5c1f30
- #782e34
- #974b32
- #b07337
- #c09a51
- #cdb572
- #dcc996
- #e9d8b7
- #f0e3cd
CSS
background: conic-gradient(from 30deg, oklch(21.65% 0.0248 356.48) 0.000% 8.333%, oklch(24.47% 0.0421 358.36) 8.333% 16.667%, oklch(28.49% 0.0671 0.97) 16.667% 25.000%, oklch(33.83% 0.0905 6.68) 25.000% 33.333%, oklch(40.74% 0.1036 18.21) 33.333% 41.667%, oklch(50.25% 0.1085 39.03) 41.667% 50.000%, oklch(60.90% 0.1077 63.12) 50.000% 58.333%, oklch(70.58% 0.1021 82.37) 58.333% 66.667%, oklch(77.90% 0.0902 90.18) 66.667% 75.000%, oklch(83.97% 0.0698 89.36) 75.000% 83.333%, oklch(88.77% 0.0481 85.02) 83.333% 91.667%, oklch(92.13% 0.0331 82.08) 91.667% 100.000%);