Tím, be, xám và tím oải hương (gradient xuyên tâm)

Gradient xuyên tâm, 56 màu: #bb816f, #2a2c4a, #e5d1b1, #a796b4, #de92a1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

6 keyframe OKLCH chỉnh sửa được.

#bb816f
#b3786e
#a66d6d
#955f6c
#815269
#6a4665
#533a5d
#3d3154
#2b284a
#1d2241
#131e3b
#101d38
#141f3b
#1d2441
#2a2c4a
#3b3554
#4f4060
#654d6a
#7b5b73
#91697b
#a47881
#b38687
#bf928c
#c89d91
#d0a896
#d7b39c
#dcbea3
#e1c8aa
#e5d1b1
#e8d9b8
#ebdfbe
#eee3c3
#f0e5c5
#f1e4c5
#f2e0c3
#f0d7bf
#ecccbb
#e5c0b9
#d9b4b8
#caa8b7
#b99eb6
#a796b4
#9690b0
#898bad
#8188ab
#7f87ab
#8186ad
#8787b0
#9087b4
#9d88b6
#ab89b7
#b98ab4
#c68cb0
#d18eab
#d990a5
#de92a1

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(65.75% 0.0772 38.67) 0.0%, oklch(63.17% 0.0759 30.48) 1.8%, oklch(59.45% 0.0742 18.81) 3.6%, oklch(54.90% 0.0721 4.54) 5.5%, oklch(49.80% 0.0698 348.55) 7.3%, oklch(44.46% 0.0674 331.75) 9.1%, oklch(39.15% 0.0649 315.01) 10.9%, oklch(34.19% 0.0624 299.22) 12.7%, oklch(29.86% 0.0601 285.28) 14.5%, oklch(26.46% 0.0581 274.07) 16.4%, oklch(24.28% 0.0564 266.49) 18.2%, oklch(23.62% 0.0551 263.41) 20.0%, oklch(24.61% 0.0543 265.16) 21.8%, oklch(27.01% 0.0539 270.99) 23.6%, oklch(30.56% 0.0539 280.17) 25.5%, oklch(35.02% 0.0540 291.97) 27.3%, oklch(40.12% 0.0543 305.67) 29.1%, oklch(45.62% 0.0547 320.55) 30.9%, oklch(51.26% 0.0551 335.86) 32.7%, oklch(56.77% 0.0554 350.90) 34.5%, oklch(61.92% 0.0556 4.92) 36.4%, oklch(66.44% 0.0555 17.22) 38.2%, oklch(70.08% 0.0551 27.05) 40.0%, oklch(73.19% 0.0544 35.77) 41.8%, oklch(76.26% 0.0533 44.99) 43.6%, oklch(79.23% 0.0520 54.31) 45.5%, oklch(82.03% 0.0506 63.36) 47.3%, oklch(84.61% 0.0491 71.76) 49.1%, oklch(86.91% 0.0476 79.12) 50.9%, oklch(88.88% 0.0461 85.09) 52.7%, oklch(90.44% 0.0448 89.26) 54.5%, oklch(91.54% 0.0438 91.27) 56.4%, oklch(92.12% 0.0431 90.74) 58.2%, oklch(92.13% 0.0427 87.28) 60.0%, oklch(91.27% 0.0426 79.43) 61.8%, oklch(89.46% 0.0427 66.70) 63.6%, oklch(86.89% 0.0429 50.20) 65.5%, oklch(83.76% 0.0433 31.04) 67.3%, oklch(80.28% 0.0438 10.35) 69.1%, oklch(76.65% 0.0446 349.22) 70.9%, oklch(73.07% 0.0456 328.78) 72.7%, oklch(69.76% 0.0468 310.14) 74.5%, oklch(66.90% 0.0484 294.40) 76.4%, oklch(64.71% 0.0502 282.68) 78.2%, oklch(63.39% 0.0524 276.09) 80.0%, oklch(62.91% 0.0551 274.85) 81.8%, oklch(63.07% 0.0585 277.89) 83.6%, oklch(63.73% 0.0625 284.43) 85.5%, oklch(64.80% 0.0668 293.66) 87.3%, oklch(66.15% 0.0713 304.80) 89.1%, oklch(67.68% 0.0759 317.04) 90.9%, oklch(69.28% 0.0804 329.59) 92.7%, oklch(70.82% 0.0846 341.65) 94.5%, oklch(72.20% 0.0883 352.43) 96.4%, oklch(73.30% 0.0914 1.14) 98.2%, oklch(74.02% 0.0937 6.97) 100.0%);

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động