Xanh hải quân sang hồng nhạt (bổ túc) tông trầm (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #24334c, #6b7a94, #bb8896, #e7cacf, #faeee7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #24334c
- #293851
- #304059
- #384a62
- #42556c
- #4d6077
- #576a82
- #62738c
- #6b7a94
- #747d9b
- #7e7fa0
- #897fa2
- #957ea1
- #a07e9e
- #ab7f99
- #b38295
- #bb8896
- #c2909b
- #c999a2
- #d0a3ab
- #d6aeb6
- #dcb8bf
- #e2c2c8
- #e7cacf
- #ebd1d4
- #efd7d7
- #f2dcdb
- #f5e1dd
- #f7e5e0
- #f8e9e2
- #f9ece5
- #faeee7
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0496 260.16) 0.0%, oklch(34.02% 0.0490 259.45) 3.2%, oklch(36.98% 0.0479 257.75) 6.5%, oklch(40.52% 0.0466 255.69) 9.7%, oklch(44.36% 0.0453 253.89) 12.9%, oklch(48.26% 0.0442 252.98) 16.1%, oklch(51.94% 0.0436 253.58) 19.4%, oklch(55.15% 0.0436 256.32) 22.6%, oklch(57.63% 0.0444 261.87) 25.8%, oklch(59.43% 0.0467 271.27) 29.0%, oklch(60.76% 0.0502 283.87) 32.3%, oklch(61.78% 0.0543 298.48) 35.5%, oklch(62.65% 0.0585 313.92) 38.7%, oklch(63.54% 0.0622 329.00) 41.9%, oklch(64.61% 0.0650 342.55) 45.2%, oklch(66.04% 0.0663 353.36) 48.4%, oklch(67.96% 0.0655 0.44) 51.6%, oklch(70.34% 0.0627 4.37) 54.8%, oklch(73.05% 0.0585 6.01) 58.1%, oklch(75.94% 0.0533 6.14) 61.3%, oklch(78.87% 0.0477 5.55) 64.5%, oklch(81.71% 0.0420 5.00) 67.7%, oklch(84.31% 0.0368 5.27) 71.0%, oklch(86.53% 0.0325 7.14) 74.2%, oklch(88.33% 0.0294 11.09) 77.4%, oklch(89.91% 0.0267 16.55) 80.6%, oklch(91.28% 0.0243 23.00) 83.9%, oklch(92.46% 0.0222 29.92) 87.1%, oklch(93.47% 0.0204 36.82) 90.3%, oklch(94.33% 0.0189 43.19) 93.5%, oklch(95.06% 0.0176 48.53) 96.8%, oklch(95.67% 0.0165 52.33) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
