Xanh dương nhạt sang xanh dương tông lạnh (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #76d6e2, #22394c, #8ad1bf, #8392ca, #697298. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #76d6e2
- #6dc9d9
- #60b7ca
- #52a1b9
- #4389a4
- #34708e
- #275878
- #1c4363
- #143151
- #0d2442
- #091c38
- #081a34
- #0c1f37
- #142a3f
- #22394c
- #344d5c
- #4b646f
- #657d83
- #809799
- #9aafae
- #b0c4c1
- #c2d5d1
- #cbe0da
- #cde5dd
- #c9e7dc
- #bfe5d8
- #b1e0d1
- #9fd9c8
- #8ad1bf
- #74c9b8
- #5cc0b2
- #42b8ae
- #25b2ad
- #00adaf
- #00a9b4
- #00a6bb
- #24a2c2
- #3e9fc9
- #549bcd
- #6798ce
- #7695cd
- #8392ca
- #8c90c6
- #918ec1
- #948cbd
- #948ab9
- #9287b5
- #8e85b1
- #8a82ad
- #847faa
- #7f7ca6
- #797aa3
- #7477a0
- #6f759d
- #6b739a
- #697298
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(82.28% 0.0923 206.02) 0.0%, oklch(78.59% 0.0904 209.28) 1.8%, oklch(73.28% 0.0880 214.08) 3.6%, oklch(66.76% 0.0851 220.00) 5.5%, oklch(59.46% 0.0818 226.63) 7.3%, oklch(51.81% 0.0783 233.55) 9.1%, oklch(44.22% 0.0746 240.35) 10.9%, oklch(37.12% 0.0708 246.59) 12.7%, oklch(30.93% 0.0670 251.88) 14.5%, oklch(26.08% 0.0633 255.78) 16.4%, oklch(22.97% 0.0598 257.90) 18.2%, oklch(22.05% 0.0565 257.80) 20.0%, oklch(23.69% 0.0529 255.02) 21.8%, oklch(27.67% 0.0486 249.73) 23.6%, oklch(33.51% 0.0439 242.46) 25.5%, oklch(40.73% 0.0390 233.74) 27.3%, oklch(48.84% 0.0342 224.10) 29.1%, oklch(57.35% 0.0298 214.06) 30.9%, oklch(65.78% 0.0261 204.15) 32.7%, oklch(73.64% 0.0233 194.90) 34.5%, oklch(80.45% 0.0218 186.85) 36.4%, oklch(85.73% 0.0217 180.51) 38.2%, oklch(88.98% 0.0234 176.43) 40.0%, oklch(90.28% 0.0276 174.16) 41.8%, oklch(90.21% 0.0344 172.89) 43.6%, oklch(89.00% 0.0432 172.56) 45.5%, oklch(86.89% 0.0535 173.10) 47.3%, oklch(84.14% 0.0646 174.47) 49.1%, oklch(80.99% 0.0759 176.59) 50.9%, oklch(77.68% 0.0869 179.41) 52.7%, oklch(74.45% 0.0970 182.87) 54.5%, oklch(71.55% 0.1056 186.92) 56.4%, oklch(69.23% 0.1120 191.48) 58.2%, oklch(67.72% 0.1153 196.51) 60.0%, oklch(66.89% 0.1139 202.76) 61.8%, oklch(66.41% 0.1152 210.77) 63.6%, oklch(66.20% 0.1127 220.09) 65.5%, oklch(66.21% 0.1084 230.32) 67.3%, oklch(66.35% 0.1031 241.03) 69.1%, oklch(66.58% 0.0971 251.80) 70.9%, oklch(66.82% 0.0910 262.20) 72.7%, oklch(67.00% 0.0850 271.80) 74.5%, oklch(67.05% 0.0795 280.19) 76.4%, oklch(66.92% 0.0749 286.93) 78.2%, oklch(66.54% 0.0717 291.61) 80.0%, oklch(65.88% 0.0694 294.16) 81.8%, oklch(65.03% 0.0675 294.98) 83.6%, oklch(64.03% 0.0660 294.38) 85.5%, oklch(62.92% 0.0647 292.65) 87.3%, oklch(61.74% 0.0638 290.08) 89.1%, oklch(60.55% 0.0630 286.97) 90.9%, oklch(59.39% 0.0624 283.62) 92.7%, oklch(58.29% 0.0619 280.31) 94.5%, oklch(57.32% 0.0615 277.35) 96.4%, oklch(56.51% 0.0611 275.03) 98.2%, oklch(55.91% 0.0606 273.65) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
