Xanh dương nhạt sang xanh cổ vịt (tương đồng) (gradient xuyên tâm)
Gradient xuyên tâm, 80 màu: #f2fff8, #b4eed0, #64c89d, #129171, #175248. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #f2fff8
- #effff6
- #edfff5
- #ebfef4
- #e9fdf2
- #e6fdf1
- #e4fcef
- #e1fbed
- #defbeb
- #dbfaea
- #d8f9e7
- #d5f8e5
- #d1f7e3
- #cef6e1
- #caf5df
- #c7f4dc
- #c3f3da
- #c0f2d8
- #bcf0d5
- #b8efd3
- #b4eed0
- #b1ecce
- #adebcb
- #a9e9c9
- #a6e8c6
- #a2e6c4
- #9ee5c1
- #9be3bf
- #97e1bc
- #93dfba
- #8fddb7
- #8bdbb5
- #87d9b2
- #83d7af
- #7fd5ad
- #7bd3aa
- #76d1a7
- #72cfa5
- #6ecca2
- #69ca9f
- #64c89d
- #60c59a
- #5bc397
- #57c095
- #52be92
- #4dbb90
- #48b98d
- #44b68b
- #3fb388
- #3ab186
- #36ae84
- #31ab82
- #2ca87f
- #28a57d
- #24a27b
- #209f79
- #1c9c77
- #189875
- #159573
- #129171
- #0f8e6f
- #0d8a6c
- #0c866a
- #0b8268
- #0b7e66
- #0c7b63
- #0d7761
- #0e735f
- #0f6f5c
- #106c5a
- #126958
- #136556
- #146254
- #155f52
- #155c50
- #165a4e
- #16584c
- #17554b
- #17544a
- #175248
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(98.82% 0.0168 163.14) 0.0%, oklch(98.57% 0.0204 163.12) 1.3%, oklch(98.29% 0.0223 163.06) 2.5%, oklch(98.00% 0.0241 163.02) 3.8%, oklch(97.68% 0.0262 162.97) 5.1%, oklch(97.34% 0.0284 162.91) 6.3%, oklch(96.98% 0.0307 162.85) 7.6%, oklch(96.60% 0.0332 162.78) 8.9%, oklch(96.20% 0.0359 162.71) 10.1%, oklch(95.78% 0.0386 162.64) 11.4%, oklch(95.34% 0.0414 162.56) 12.7%, oklch(94.89% 0.0443 162.49) 13.9%, oklch(94.42% 0.0473 162.42) 15.2%, oklch(93.93% 0.0503 162.34) 16.5%, oklch(93.43% 0.0533 162.28) 17.7%, oklch(92.91% 0.0564 162.21) 19.0%, oklch(92.38% 0.0595 162.15) 20.3%, oklch(91.84% 0.0625 162.10) 21.5%, oklch(91.28% 0.0655 162.05) 22.8%, oklch(90.71% 0.0684 162.01) 24.1%, oklch(90.13% 0.0713 161.98) 25.3%, oklch(89.54% 0.0741 161.96) 26.6%, oklch(88.93% 0.0768 161.95) 27.8%, oklch(88.32% 0.0793 161.95) 29.1%, oklch(87.70% 0.0818 161.97) 30.4%, oklch(87.07% 0.0840 162.00) 31.6%, oklch(86.43% 0.0861 162.05) 32.9%, oklch(85.79% 0.0881 162.11) 34.2%, oklch(85.12% 0.0901 162.17) 35.4%, oklch(84.44% 0.0922 162.24) 36.7%, oklch(83.74% 0.0942 162.30) 38.0%, oklch(83.02% 0.0963 162.38) 39.2%, oklch(82.29% 0.0984 162.45) 40.5%, oklch(81.54% 0.1004 162.54) 41.8%, oklch(80.78% 0.1025 162.63) 43.0%, oklch(80.01% 0.1045 162.72) 44.3%, oklch(79.22% 0.1064 162.83) 45.6%, oklch(78.42% 0.1083 162.94) 46.8%, oklch(77.61% 0.1101 163.06) 48.1%, oklch(76.79% 0.1119 163.19) 49.4%, oklch(75.96% 0.1136 163.33) 50.6%, oklch(75.12% 0.1151 163.48) 51.9%, oklch(74.28% 0.1166 163.64) 53.2%, oklch(73.42% 0.1179 163.82) 54.4%, oklch(72.56% 0.1191 164.01) 55.7%, oklch(71.70% 0.1202 164.21) 57.0%, oklch(70.83% 0.1211 164.43) 58.2%, oklch(69.95% 0.1219 164.66) 59.5%, oklch(69.08% 0.1225 164.91) 60.8%, oklch(68.20% 0.1229 165.17) 62.0%, oklch(67.31% 0.1231 165.45) 63.3%, oklch(66.43% 0.1231 165.75) 64.6%, oklch(65.55% 0.1229 166.07) 65.8%, oklch(64.66% 0.1225 166.41) 67.1%, oklch(63.74% 0.1217 166.79) 68.4%, oklch(62.78% 0.1206 167.21) 69.6%, oklch(61.78% 0.1192 167.67) 70.9%, oklch(60.76% 0.1175 168.17) 72.2%, oklch(59.70% 0.1156 168.69) 73.4%, oklch(58.62% 0.1134 169.24) 74.7%, oklch(57.52% 0.1110 169.82) 75.9%, oklch(56.42% 0.1085 170.41) 77.2%, oklch(55.30% 0.1058 171.02) 78.5%, oklch(54.18% 0.1030 171.64) 79.7%, oklch(53.06% 0.1001 172.27) 81.0%, oklch(51.95% 0.0971 172.90) 82.3%, oklch(50.85% 0.0941 173.53) 83.5%, oklch(49.77% 0.0910 174.16) 84.8%, oklch(48.70% 0.0879 174.78) 86.1%, oklch(47.67% 0.0849 175.39) 87.3%, oklch(46.66% 0.0819 175.99) 88.6%, oklch(45.69% 0.0791 176.57) 89.9%, oklch(44.76% 0.0763 177.12) 91.1%, oklch(43.87% 0.0736 177.65) 92.4%, oklch(43.04% 0.0712 178.14) 93.7%, oklch(42.25% 0.0688 178.60) 94.9%, oklch(41.53% 0.0668 179.03) 96.2%, oklch(40.87% 0.0649 179.41) 97.5%, oklch(40.28% 0.0633 179.75) 98.7%, oklch(39.76% 0.0620 180.03) 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
