暗い紫、茶色と青緑の円錐スウォッチ
円錐スウォッチ、56色、角度225°：#28172a, #5e2947, #a9544d, #bb8257, #29706b。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #28172a
- #2a182c
- #2c192d
- #2f1a2f
- #321b32
- #351c34
- #391d36
- #3d1e39
- #41203b
- #46213e
- #4a2240
- #4f2442
- #542644
- #592746
- #5e2947
- #632b49
- #682e4a
- #6e304c
- #74334d
- #7a354e
- #80384e
- #863c4f
- #8c3f4f
- #92424f
- #98464f
- #9d494e
- #a14d4e
- #a6514d
- #a9544d
- #ad584e
- #b05c4f
- #b36051
- #b66453
- #b96855
- #bb6c57
- #bd7059
- #bf745b
- #c0775c
- #c07b5c
- #bf7d5b
- #bd805a
- #bb8257
- #b68453
- #af854f
- #a6864b
- #9b8649
- #8e8649
- #80864b
- #71844f
- #638254
- #548059
- #477c5e
- #3c7963
- #337666
- #2d7369
- #29706b
CSS
background: conic-gradient(from 225deg, oklch(23.62% 0.0427 322.73) 0.000% 1.786%, oklch(24.13% 0.0445 323.66) 1.786% 3.571%, oklch(24.74% 0.0468 324.74) 3.571% 5.357%, oklch(25.43% 0.0495 325.96) 5.357% 7.143%, oklch(26.20% 0.0525 327.32) 7.143% 8.929%, oklch(27.04% 0.0557 328.81) 8.929% 10.714%, oklch(27.95% 0.0592 330.42) 10.714% 12.500%, oklch(28.91% 0.0628 332.14) 12.500% 14.286%, oklch(29.92% 0.0665 333.96) 14.286% 16.071%, oklch(30.97% 0.0701 335.87) 16.071% 17.857%, oklch(32.05% 0.0737 337.87) 17.857% 19.643%, oklch(33.15% 0.0772 339.95) 19.643% 21.429%, oklch(34.26% 0.0804 342.09) 21.429% 23.214%, oklch(35.38% 0.0834 344.30) 23.214% 25.000%, oklch(36.50% 0.0861 346.56) 25.000% 26.786%, oklch(37.69% 0.0887 348.96) 26.786% 28.571%, oklch(38.95% 0.0914 351.53) 28.571% 30.357%, oklch(40.27% 0.0940 354.24) 30.357% 32.143%, oklch(41.65% 0.0967 357.07) 32.143% 33.929%, oklch(43.05% 0.0993 359.99) 33.929% 35.714%, oklch(44.48% 0.1018 2.98) 35.714% 37.500%, oklch(45.91% 0.1041 6.01) 37.500% 39.286%, oklch(47.33% 0.1063 9.06) 39.286% 41.071%, oklch(48.73% 0.1082 12.11) 41.071% 42.857%, oklch(50.09% 0.1099 15.12) 42.857% 44.643%, oklch(51.39% 0.1112 18.08) 44.643% 46.429%, oklch(52.63% 0.1122 20.96) 46.429% 48.214%, oklch(53.79% 0.1128 23.74) 48.214% 50.000%, oklch(54.87% 0.1130 26.34) 50.000% 51.786%, oklch(55.98% 0.1127 28.49) 51.786% 53.571%, oklch(57.12% 0.1120 30.25) 53.571% 55.357%, oklch(58.27% 0.1109 31.74) 55.357% 57.143%, oklch(59.41% 0.1094 33.08) 57.143% 58.929%, oklch(60.52% 0.1077 34.37) 58.929% 60.714%, oklch(61.56% 0.1057 35.75) 60.714% 62.500%, oklch(62.53% 0.1037 37.32) 62.500% 64.286%, oklch(63.39% 0.1015 39.21) 64.286% 66.071%, oklch(64.13% 0.0993 41.53) 66.071% 67.857%, oklch(64.72% 0.0971 44.39) 67.857% 69.643%, oklch(65.14% 0.0950 47.92) 69.643% 71.429%, oklch(65.37% 0.0931 52.23) 71.429% 73.214%, oklch(65.39% 0.0913 57.44) 73.214% 75.000%, oklch(65.14% 0.0898 63.83) 75.000% 76.786%, oklch(64.57% 0.0881 71.70) 76.786% 78.571%, oklch(63.73% 0.0864 80.82) 78.571% 80.357%, oklch(62.65% 0.0846 90.93) 80.357% 82.143%, oklch(61.40% 0.0829 101.76) 82.143% 83.929%, oklch(60.02% 0.0812 113.06) 83.929% 85.714%, oklch(58.55% 0.0794 124.56) 85.714% 87.500%, oklch(57.05% 0.0778 136.01) 87.500% 89.286%, oklch(55.56% 0.0762 147.14) 89.286% 91.071%, oklch(54.14% 0.0747 157.69) 91.071% 92.857%, oklch(52.82% 0.0734 167.40) 92.857% 94.643%, oklch(51.66% 0.0722 176.01) 94.643% 96.429%, oklch(50.70% 0.0711 183.25) 96.429% 98.214%, oklch(50.00% 0.0703 188.88) 98.214% 100.000%);