類似色の黒、紫、赤とグレーの放射状スウォッチ
類似色の黒、紫、赤とグレーのパレット（64色）。 #12151b, #282b2e, #3b4255, #7b3062, #b72436, #e74057, #d998de, #d9dce0。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
64色、編集できる OKLCH キーフレーム5個。
- #12151b
- #14171c
- #15181e
- #171a20
- #1a1d22
- #1c1f24
- #1f2226
- #222529
- #25282b
- #282b2e
- #2b2e32
- #2e3135
- #303439
- #33373d
- #353a41
- #363c45
- #383f4a
- #39404f
- #3b4255
- #3e425b
- #424260
- #474165
- #4e3f69
- #563d6b
- #5f3a6c
- #68376a
- #713367
- #7b3062
- #832c5c
- #8b2856
- #93264f
- #992449
- #9f2344
- #a52340
- #ab233c
- #b12339
- #b72436
- #bd2533
- #c32632
- #c92832
- #cf2b34
- #d42e37
- #da313d
- #df3644
- #e33a4d
- #e74057
- #eb4662
- #ed4c6f
- #ef547d
- #ef5d8d
- #ed689f
- #ea73b2
- #e67fc3
- #df8bd2
- #d998de
- #d2a4e7
- #ccafed
- #c8baef
- #c6c3ef
- #c6cbec
- #cad1e9
- #ced6e6
- #d4d9e3
- #d9dce0
CSS
background: radial-gradient(circle at 50% 50%, oklch(19.69% 0.0124 264.37) 0.000% 1.563%, oklch(20.29% 0.0125 263.97) 1.563% 3.125%, oklch(21.03% 0.0121 263.15) 3.125% 4.688%, oklch(21.90% 0.0116 262.01) 4.688% 6.250%, oklch(22.87% 0.0108 260.64) 6.250% 7.813%, oklch(23.93% 0.0100 259.13) 7.813% 9.375%, oklch(25.06% 0.0092 257.57) 9.375% 10.938%, oklch(26.25% 0.0085 256.07) 10.938% 12.500%, oklch(27.47% 0.0080 254.70) 12.500% 14.063%, oklch(28.71% 0.0077 253.57) 14.063% 15.625%, oklch(29.95% 0.0079 252.77) 15.625% 17.188%, oklch(31.17% 0.0085 252.38) 17.188% 18.750%, oklch(32.36% 0.0097 252.50) 18.750% 20.313%, oklch(33.50% 0.0115 253.23) 20.313% 21.875%, oklch(34.57% 0.0141 254.65) 21.875% 23.438%, oklch(35.55% 0.0175 256.86) 23.438% 25.000%, oklch(36.43% 0.0219 259.96) 25.000% 26.563%, oklch(37.22% 0.0275 264.25) 26.563% 28.125%, oklch(37.94% 0.0343 269.69) 28.125% 29.688%, oklch(38.60% 0.0421 276.11) 29.688% 31.250%, oklch(39.21% 0.0509 283.33) 31.250% 32.813%, oklch(39.78% 0.0603 291.19) 32.813% 34.375%, oklch(40.33% 0.0702 299.51) 34.375% 35.938%, oklch(40.86% 0.0805 308.12) 35.938% 37.500%, oklch(41.39% 0.0909 316.86) 37.500% 39.063%, oklch(41.93% 0.1013 325.55) 39.063% 40.625%, oklch(42.49% 0.1116 334.02) 40.625% 42.188%, oklch(43.08% 0.1215 342.09) 42.188% 43.750%, oklch(43.72% 0.1309 349.60) 43.750% 45.313%, oklch(44.41% 0.1396 356.38) 45.313% 46.875%, oklch(45.17% 0.1474 2.26) 46.875% 48.438%, oklch(46.01% 0.1541 7.05) 48.438% 50.000%, oklch(46.93% 0.1599 10.72) 50.000% 51.563%, oklch(47.90% 0.1655 13.88) 51.563% 53.125%, oklch(48.92% 0.1711 16.63) 53.125% 54.688%, oklch(49.98% 0.1766 18.96) 54.688% 56.250%, oklch(51.08% 0.1819 20.87) 56.250% 57.813%, oklch(52.21% 0.1868 22.36) 57.813% 59.375%, oklch(53.38% 0.1913 23.40) 59.375% 60.938%, oklch(54.59% 0.1954 24.01) 60.938% 62.500%, oklch(55.82% 0.1987 24.16) 62.500% 64.063%, oklch(57.07% 0.2014 23.85) 64.063% 65.625%, oklch(58.36% 0.2033 23.08) 65.625% 67.188%, oklch(59.66% 0.2042 21.84) 67.188% 68.750%, oklch(60.98% 0.2041 20.12) 68.750% 70.313%, oklch(62.31% 0.2029 17.90) 70.313% 71.875%, oklch(63.66% 0.2005 15.20) 71.875% 73.438%, oklch(65.01% 0.1968 11.99) 73.438% 75.000%, oklch(66.41% 0.1914 8.03) 75.000% 76.563%, oklch(67.93% 0.1836 2.83) 76.563% 78.125%, oklch(69.55% 0.1739 356.52) 78.125% 79.688%, oklch(71.24% 0.1624 349.30) 79.688% 81.250%, oklch(72.98% 0.1495 341.34) 81.250% 82.813%, oklch(74.76% 0.1355 332.81) 82.813% 84.375%, oklch(76.55% 0.1208 323.90) 84.375% 85.938%, oklch(78.32% 0.1056 314.79) 85.938% 87.500%, oklch(80.06% 0.0903 305.65) 87.500% 89.063%, oklch(81.74% 0.0752 296.66) 89.063% 90.625%, oklch(83.35% 0.0607 288.00) 90.625% 92.188%, oklch(84.85% 0.0470 279.86) 92.188% 93.750%, oklch(86.22% 0.0344 272.39) 93.750% 95.313%, oklch(87.45% 0.0233 265.80) 95.313% 96.875%, oklch(88.50% 0.0140 260.25) 96.875% 98.438%, oklch(89.37% 0.0069 255.92) 98.438% 100.000%);