Be, cam và tím (ba tông) (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #e8ea9b, #f4c063, #d58451, #a25e73, #655bad. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e8ea9b
#e9e796
#ebe48f
#eedf86
#f1da7e
#f3d476
#f5cd6f
#f5c768
#f4c063
#f3b95d
#f1b159
#eea955
#eba153
#e79a52
#e19251
#db8b51
#d58451
#ce7d52
#c87655
#c27059
#bb6a5f
#b46566
#ab616c
#a25e73
#9a5b78
#93597e
#8d5785
#86578e
#7e5798
#7658a1
#6d59a9
#655bad

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(91.73% 0.1006 109.69) 0.0%, oklch(91.21% 0.1031 107.25) 3.2%, oklch(90.53% 0.1067 103.87) 6.5%, oklch(89.71% 0.1108 99.87) 9.7%, oklch(88.75% 0.1151 95.55) 12.9%, oklch(87.67% 0.1191 91.22) 16.1%, oklch(86.47% 0.1222 87.18) 19.4%, oklch(85.15% 0.1243 83.55) 22.6%, oklch(83.65% 0.1261 80.01) 25.8%, oklch(82.03% 0.1275 76.52) 29.0%, oklch(80.31% 0.1284 73.02) 32.3%, oklch(78.52% 0.1287 69.45) 35.5%, oklch(76.71% 0.1284 65.77) 38.7%, oklch(74.87% 0.1274 62.04) 41.9%, oklch(72.91% 0.1256 58.66) 45.2%, oklch(70.86% 0.1230 55.35) 48.4%, oklch(68.80% 0.1200 51.77) 51.6%, oklch(66.78% 0.1167 47.61) 54.8%, oklch(64.86% 0.1135 42.52) 58.1%, oklch(63.08% 0.1103 36.18) 61.3%, oklch(61.32% 0.1061 28.52) 64.5%, oklch(59.60% 0.1013 19.86) 67.7%, oklch(57.96% 0.0967 10.55) 71.0%, oklch(56.47% 0.0929 0.93) 74.2%, oklch(55.18% 0.0909 351.34) 77.4%, oklch(54.15% 0.0913 342.10) 80.6%, oklch(53.39% 0.0949 332.16) 83.9%, oklch(52.87% 0.1009 321.52) 87.1%, oklch(52.53% 0.1083 310.93) 90.3%, oklch(52.31% 0.1159 301.13) 93.5%, oklch(52.14% 0.1224 292.86) 96.8%, oklch(51.97% 0.1268 286.87) 100.0%);

Trong các bộ sưu tập này

Trà hoa cúc và đồ sứ

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