Xám, xanh cổ vịt và trắng (sọc màu xuyên tâm)

Sọc màu xuyên tâm, 52 màu: #666e70, #319eac, #8dc2b0, #d4d6d3, #f3ede4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#666e70
#667073
#647277
#62757b
#607880
#5d7c85
#5a808a
#55848f
#518895
#4c8c9a
#46919f
#3f95a4
#389aa8
#319eac
#2ba2af
#26a6b2
#24aab3
#26aeb4
#2eb1b4
#38b4b3
#44b7b3
#51b9b2
#5dbbb1
#6abdb0
#76bfaf
#82c1b0
#8dc2b0
#97c3b1
#a1c4b3
#aac6b6
#b1c7b9
#b8c8bc
#becac0
#c4cbc4
#c8cdc7
#cbcfca
#cfd1ce
#d2d3d0
#d4d6d3
#d7d8d6
#dadad8
#dcddda
#dfdfdb
#e1e1dd
#e4e3de
#e6e5df
#e9e7e0
#ebe8e1
#eeeae1
#f0ebe2
#f2ece3
#f3ede4

CSS

background: radial-gradient(circle at 50% 50%, oklch(53.15% 0.0096 220.78) 0.000% 1.923%, oklch(53.65% 0.0132 220.15) 1.923% 3.846%, oklch(54.25% 0.0180 219.48) 3.846% 5.769%, oklch(54.94% 0.0238 218.78) 5.769% 7.692%, oklch(55.70% 0.0304 218.02) 7.692% 9.615%, oklch(56.53% 0.0376 217.21) 9.615% 11.538%, oklch(57.42% 0.0453 216.33) 11.538% 13.462%, oklch(58.36% 0.0533 215.38) 13.462% 15.385%, oklch(59.34% 0.0614 214.34) 15.385% 17.308%, oklch(60.35% 0.0694 213.20) 17.308% 19.231%, oklch(61.39% 0.0772 211.96) 19.231% 21.154%, oklch(62.44% 0.0845 210.61) 21.154% 23.077%, oklch(63.49% 0.0912 209.14) 23.077% 25.000%, oklch(64.54% 0.0971 207.54) 25.000% 26.923%, oklch(65.57% 0.1020 205.80) 26.923% 28.846%, oklch(66.59% 0.1057 203.91) 28.846% 30.769%, oklch(67.57% 0.1080 201.86) 30.769% 32.692%, oklch(68.50% 0.1089 199.65) 32.692% 34.615%, oklch(69.43% 0.1080 197.24) 34.615% 36.538%, oklch(70.37% 0.1056 194.62) 36.538% 38.462%, oklch(71.33% 0.1019 191.81) 38.462% 40.385%, oklch(72.29% 0.0970 188.83) 40.385% 42.308%, oklch(73.26% 0.0911 185.69) 42.308% 44.231%, oklch(74.24% 0.0843 182.42) 44.231% 46.154%, oklch(75.22% 0.0770 179.02) 46.154% 48.077%, oklch(76.19% 0.0692 175.53) 48.077% 50.000%, oklch(77.16% 0.0612 171.96) 50.000% 51.923%, oklch(78.11% 0.0530 168.32) 51.923% 53.846%, oklch(79.06% 0.0450 164.64) 53.846% 55.769%, oklch(79.98% 0.0373 160.93) 55.769% 57.692%, oklch(80.89% 0.0301 157.21) 57.692% 59.615%, oklch(81.77% 0.0235 153.49) 59.615% 61.538%, oklch(82.63% 0.0178 149.80) 61.538% 63.462%, oklch(83.46% 0.0131 146.16) 63.462% 65.385%, oklch(84.25% 0.0096 142.58) 65.385% 67.308%, oklch(85.03% 0.0072 138.91) 67.308% 69.231%, oklch(85.80% 0.0054 135.03) 69.231% 71.154%, oklch(86.57% 0.0042 130.96) 71.154% 73.077%, oklch(87.33% 0.0036 126.76) 73.077% 75.000%, oklch(88.08% 0.0034 122.46) 75.000% 76.923%, oklch(88.81% 0.0036 118.12) 76.923% 78.846%, oklch(89.52% 0.0042 113.76) 78.846% 80.769%, oklch(90.21% 0.0050 109.45) 80.769% 82.692%, oklch(90.88% 0.0060 105.20) 82.692% 84.615%, oklch(91.52% 0.0072 101.08) 84.615% 86.538%, oklch(92.12% 0.0085 97.13) 86.538% 88.462%, oklch(92.69% 0.0097 93.37) 88.462% 90.385%, oklch(93.22% 0.0109 89.87) 90.385% 92.308%, oklch(93.71% 0.0120 86.65) 92.308% 94.231%, oklch(94.15% 0.0129 83.77) 94.231% 96.154%, oklch(94.54% 0.0135 81.26) 96.154% 98.077%, oklch(94.88% 0.0138 79.18) 98.077% 100.000%);

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