鮮やかな青緑、紫、ピンクとピーチの線形スウォッチ
鮮やかな青緑、紫、ピンクとピーチのパレット(80色)。 #01aeb3, #46ccb4, #05c6ca, #6754aa, #882366, #c1367b, #f06970, #ff9d76。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
80色、編集できる OKLCH キーフレーム5個。
- #01aeb3
- #04afb3
- #0ab1b3
- #11b3b4
- #18b6b4
- #1fb9b4
- #26bcb4
- #2dbfb4
- #34c3b4
- #3ac6b4
- #41c9b4
- #46ccb4
- #4bcfb4
- #4fd1b4
- #52d3b5
- #53d5b6
- #53d6b7
- #51d6b8
- #4dd6ba
- #47d5bd
- #3fd3c0
- #32d0c3
- #22ccc6
- #05c6ca
- #00bfcd
- #00b6cf
- #00add1
- #0ea3d3
- #2798d2
- #388dd0
- #4681cb
- #5175c5
- #5a69bd
- #625eb4
- #6754aa
- #6c4ba0
- #6f4295
- #723b8b
- #743481
- #762f79
- #782c73
- #7b296e
- #7e266b
- #812468
- #842366
- #882366
- #8c2366
- #912366
- #962468
- #9b256a
- #a0276c
- #a6296f
- #ab2b71
- #b12e74
- #b63077
- #bc3379
- #c1367b
- #c6397c
- #cb3c7d
- #cf3f7c
- #d3427b
- #d7457a
- #db4a78
- #df4e77
- #e35375
- #e75873
- #ea5e72
- #ed6371
- #f06970
- #f36f6f
- #f5756e
- #f77a6e
- #f9806e
- #fa856f
- #fb8a70
- #fd8e71
- #fd9372
- #fe9673
- #ff9a74
- #ff9d76
CSS
background: linear-gradient(30deg, oklch(68.11% 0.1157 198.28) 0.000% 1.250%, oklch(68.46% 0.1160 197.61) 1.250% 2.500%, oklch(68.96% 0.1163 196.51) 2.500% 3.750%, oklch(69.59% 0.1166 195.03) 3.750% 5.000%, oklch(70.33% 0.1170 193.27) 5.000% 6.250%, oklch(71.15% 0.1174 191.27) 6.250% 7.500%, oklch(72.04% 0.1178 189.13) 7.500% 8.750%, oklch(72.96% 0.1183 186.90) 8.750% 10.000%, oklch(73.90% 0.1188 184.65) 10.000% 11.250%, oklch(74.84% 0.1193 182.46) 11.250% 12.500%, oklch(75.75% 0.1198 180.40) 12.500% 13.750%, oklch(76.61% 0.1203 178.53) 13.750% 15.000%, oklch(77.41% 0.1209 176.93) 15.000% 16.250%, oklch(78.11% 0.1214 175.67) 16.250% 17.500%, oklch(78.70% 0.1220 174.82) 17.500% 18.750%, oklch(79.15% 0.1226 174.45) 18.750% 20.000%, oklch(79.44% 0.1232 174.62) 20.000% 21.250%, oklch(79.55% 0.1238 175.42) 21.250% 22.500%, oklch(79.46% 0.1244 176.90) 22.500% 23.750%, oklch(79.14% 0.1249 179.15) 23.750% 25.000%, oklch(78.57% 0.1255 182.23) 25.000% 26.250%, oklch(77.68% 0.1261 186.34) 26.250% 27.500%, oklch(76.47% 0.1266 191.45) 27.500% 28.750%, oklch(74.97% 0.1270 197.45) 28.750% 30.000%, oklch(73.23% 0.1249 204.24) 30.000% 31.250%, oklch(71.29% 0.1241 211.71) 31.250% 32.500%, oklch(69.17% 0.1257 219.73) 32.500% 33.750%, oklch(66.92% 0.1287 228.21) 33.750% 35.000%, oklch(64.58% 0.1291 237.04) 35.000% 36.250%, oklch(62.19% 0.1296 246.11) 36.250% 37.500%, oklch(59.78% 0.1301 255.30) 37.500% 38.750%, oklch(57.39% 0.1306 264.52) 38.750% 40.000%, oklch(55.06% 0.1312 273.65) 40.000% 41.250%, oklch(52.82% 0.1319 282.58) 41.250% 42.500%, oklch(50.72% 0.1327 291.20) 42.500% 43.750%, oklch(48.80% 0.1336 299.41) 43.750% 45.000%, oklch(47.09% 0.1346 307.09) 45.000% 46.250%, oklch(45.62% 0.1357 314.13) 46.250% 47.500%, oklch(44.45% 0.1370 320.44) 47.500% 48.750%, oklch(43.60% 0.1384 325.89) 48.750% 50.000%, oklch(43.09% 0.1400 330.43) 50.000% 51.250%, oklch(42.85% 0.1420 334.32) 51.250% 52.500%, oklch(42.84% 0.1443 337.66) 52.500% 53.750%, oklch(43.03% 0.1470 340.50) 53.750% 55.000%, oklch(43.42% 0.1499 342.89) 55.000% 56.250%, oklch(43.98% 0.1530 344.87) 56.250% 57.500%, oklch(44.69% 0.1563 346.50) 57.500% 58.750%, oklch(45.53% 0.1597 347.82) 58.750% 60.000%, oklch(46.49% 0.1630 348.90) 60.000% 61.250%, oklch(47.54% 0.1664 349.77) 61.250% 62.500%, oklch(48.67% 0.1697 350.49) 62.500% 63.750%, oklch(49.86% 0.1729 351.11) 63.750% 65.000%, oklch(51.09% 0.1759 351.68) 65.000% 66.250%, oklch(52.34% 0.1787 352.25) 66.250% 67.500%, oklch(53.59% 0.1812 352.87) 67.500% 68.750%, oklch(54.83% 0.1833 353.58) 68.750% 70.000%, oklch(56.03% 0.1851 354.45) 70.000% 71.250%, oklch(57.17% 0.1864 355.52) 71.250% 72.500%, oklch(58.24% 0.1872 356.83) 72.500% 73.750%, oklch(59.22% 0.1874 358.45) 73.750% 75.000%, oklch(60.14% 0.1871 0.36) 75.000% 76.250%, oklch(61.11% 0.1860 2.43) 76.250% 77.500%, oklch(62.13% 0.1845 4.65) 77.500% 78.750%, oklch(63.20% 0.1824 6.98) 78.750% 80.000%, oklch(64.29% 0.1798 9.40) 80.000% 81.250%, oklch(65.41% 0.1769 11.90) 81.250% 82.500%, oklch(66.55% 0.1737 14.44) 82.500% 83.750%, oklch(67.69% 0.1702 17.02) 83.750% 85.000%, oklch(68.83% 0.1665 19.60) 85.000% 86.250%, oklch(69.96% 0.1627 22.17) 86.250% 87.500%, oklch(71.07% 0.1588 24.70) 87.500% 88.750%, oklch(72.16% 0.1549 27.17) 88.750% 90.000%, oklch(73.20% 0.1510 29.56) 90.000% 91.250%, oklch(74.20% 0.1473 31.85) 91.250% 92.500%, oklch(75.14% 0.1437 34.02) 92.500% 93.750%, oklch(76.02% 0.1404 36.04) 93.750% 95.000%, oklch(76.83% 0.1374 37.90) 95.000% 96.250%, oklch(77.56% 0.1348 39.56) 96.250% 97.500%, oklch(78.20% 0.1325 41.02) 97.500% 98.750%, oklch(78.74% 0.1293 42.24) 98.750% 100.000%);