Tím, xanh dương nhạt và xanh lá (gradient xuyên tâm)

Bảng màu Tím, xanh dương nhạt và xanh lá

Gradient xuyên tâm, 40 màu: #663877, #5cb8da, #adeece, #acdeb1, #27a57d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#663877
#673f80
#68488b
#685398
#6760a6
#666eb3
#637dbe
#5f8cc8
#5c9bd0
#5baad6
#5cb8da
#61c3db
#68cddc
#70d5db
#79dbd9
#82e1d8
#8ce5d6
#95e8d4
#9eebd2
#a6edd0
#adeece
#b3efcd
#b7efcb
#bbeec9
#bdedc7
#bdecc4
#bdeac1
#bae7bc
#b4e3b7
#acdeb1
#a3d8aa
#97d2a3
#8bcb9c
#7dc596
#6fbe90
#60b88b
#51b286
#42ad82
#34a87f
#27a57d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(42.52% 0.1116 316.41) 0.0%, oklch(44.33% 0.1109 311.10) 2.6%, oklch(46.68% 0.1100 304.29) 5.1%, oklch(49.49% 0.1090 296.22) 7.7%, oklch(52.66% 0.1079 287.13) 10.3%, oklch(56.09% 0.1067 277.28) 12.8%, oklch(59.68% 0.1054 266.90) 15.4%, oklch(63.35% 0.1040 256.24) 17.9%, oklch(67.00% 0.1026 245.55) 20.5%, oklch(70.52% 0.1011 235.06) 23.1%, oklch(73.83% 0.0996 225.04) 25.6%, oklch(76.82% 0.0981 215.72) 28.2%, oklch(79.41% 0.0966 207.34) 30.8%, oklch(81.50% 0.0951 200.16) 33.3%, oklch(83.21% 0.0934 193.82) 35.9%, oklch(84.75% 0.0913 187.82) 38.5%, oklch(86.11% 0.0889 182.17) 41.0%, oklch(87.28% 0.0864 176.88) 43.6%, oklch(88.28% 0.0837 171.95) 46.2%, oklch(89.09% 0.0812 167.41) 48.7%, oklch(89.71% 0.0787 163.27) 51.3%, oklch(90.14% 0.0765 159.53) 53.8%, oklch(90.38% 0.0747 156.21) 56.4%, oklch(90.42% 0.0733 153.31) 59.0%, oklch(90.27% 0.0725 150.86) 61.5%, oklch(89.92% 0.0724 148.86) 64.1%, oklch(89.37% 0.0730 147.33) 66.7%, oklch(88.47% 0.0746 146.49) 69.2%, oklch(87.11% 0.0772 146.49) 71.8%, oklch(85.37% 0.0806 147.20) 74.4%, oklch(83.34% 0.0846 148.50) 76.9%, oklch(81.08% 0.0892 150.27) 79.5%, oklch(78.69% 0.0940 152.39) 82.1%, oklch(76.23% 0.0990 154.72) 84.6%, oklch(73.79% 0.1039 157.15) 87.2%, oklch(71.44% 0.1087 159.54) 89.7%, oklch(69.27% 0.1131 161.78) 92.3%, oklch(67.34% 0.1170 163.75) 94.9%, oklch(65.75% 0.1203 165.31) 97.4%, oklch(64.57% 0.1226 166.35) 100.0%);

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

Đính đá lấp lánh

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