Trắng, xanh dương nhạt và xám (đơn sắc) (gradient xuyên tâm)

Bảng màu Trắng, xanh dương nhạt và xám (đơn sắc)

Gradient xuyên tâm, 32 màu: #ffffff, #dffcff, #b3e8f0, #9ecfd1, #98b9b5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffffff
#fcffff
#f9fffe
#f5fffe
#f1fffe
#ecffff
#e8feff
#e4fdff
#dffcff
#dafbff
#d4faff
#ccf8ff
#c4f6fe
#c0f3fb
#bbeff8
#b7ecf4
#b3e8f0
#afe4eb
#abe0e7
#a7dce2
#a4d8de
#a2d5da
#a0d2d6
#9ecfd1
#9ccbcd
#9bc8c8
#9bc5c4
#9ac2c0
#99bfbc
#99bdb9
#99bbb7
#98b9b5

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(100.00% 0.0000 197.09) 0.0%, oklch(99.78% 0.0030 186.54) 3.2%, oklch(99.54% 0.0063 188.32) 6.5%, oklch(99.27% 0.0101 190.58) 9.7%, oklch(98.96% 0.0145 193.12) 12.9%, oklch(98.61% 0.0198 195.80) 16.1%, oklch(98.21% 0.0237 198.43) 19.4%, oklch(97.74% 0.0267 201.02) 22.6%, oklch(97.21% 0.0302 203.35) 25.8%, oklch(96.61% 0.0344 205.31) 29.0%, oklch(95.92% 0.0396 206.75) 32.3%, oklch(95.13% 0.0461 207.63) 35.5%, oklch(94.20% 0.0517 208.19) 38.7%, oklch(93.15% 0.0532 208.44) 41.9%, oklch(92.01% 0.0542 208.42) 45.2%, oklch(90.82% 0.0548 208.17) 48.4%, oklch(89.59% 0.0552 207.73) 51.6%, oklch(88.36% 0.0552 207.11) 54.8%, oklch(87.15% 0.0550 206.36) 58.1%, oklch(85.99% 0.0546 205.51) 61.3%, oklch(84.91% 0.0541 204.59) 64.5%, oklch(83.93% 0.0535 203.60) 67.7%, oklch(82.97% 0.0524 202.31) 71.0%, oklch(82.01% 0.0509 200.72) 74.2%, oklch(81.06% 0.0491 198.91) 77.4%, oklch(80.14% 0.0470 196.96) 80.6%, oklch(79.26% 0.0448 194.96) 83.9%, oklch(78.44% 0.0425 192.98) 87.1%, oklch(77.69% 0.0404 191.12) 90.3%, oklch(77.02% 0.0385 189.45) 93.5%, oklch(76.44% 0.0370 188.06) 96.8%, oklch(75.98% 0.0358 187.04) 100.0%);

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

Gradient xanh cổ vịt Gradient ven biển Sọc màu đại dương Gradient xanh lơ Gradient băng

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