Cam, nâu vàng, xanh cổ vịt và xanh hải quân (gradient xuyên tâm)

Bảng màu Cam, nâu vàng, xanh cổ vịt và xanh hải quân

Gradient xuyên tâm, 32 màu: #ffa205, #92c58c, #009093, #0c6876, #073142. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffa205
#fea722
#fdaf40
#f9b857
#f3bf67
#e8c571
#d4c876
#b6c87f
#92c58c
#71bf9b
#59b7a5
#4bafa8
#3ea8a6
#2fa2a2
#1e9c9c
#079797
#009093
#008a8f
#00848c
#057f89
#0d7985
#0f7380
#0e6d7b
#0c6876
#096271
#075c6c
#065666
#074e5f
#074557
#073d4f
#073647
#073142

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(78.74% 0.1710 68.91) 0.0%, oklch(79.62% 0.1644 70.41) 3.2%, oklch(81.02% 0.1510 71.82) 6.5%, oklch(82.47% 0.1358 74.31) 9.7%, oklch(83.48% 0.1214 79.05) 12.9%, oklch(83.57% 0.1102 87.21) 16.1%, oklch(82.39% 0.1033 100.85) 19.4%, oklch(80.19% 0.0988 120.20) 22.6%, oklch(77.39% 0.0961 141.95) 25.8%, oklch(74.41% 0.0946 162.72) 29.0%, oklch(71.66% 0.0939 179.12) 32.3%, oklch(69.38% 0.0939 188.65) 35.5%, oklch(67.22% 0.0959 193.15) 38.7%, oklch(65.13% 0.0990 194.50) 41.9%, oklch(63.12% 0.1018 194.47) 45.2%, oklch(61.18% 0.1034 194.83) 48.4%, oklch(59.33% 0.1010 196.96) 51.6%, oklch(57.60% 0.0979 199.53) 54.8%, oklch(55.97% 0.0952 202.11) 58.1%, oklch(54.36% 0.0918 204.62) 61.3%, oklch(52.72% 0.0877 206.97) 64.5%, oklch(50.99% 0.0845 209.05) 67.7%, oklch(49.27% 0.0820 210.75) 71.0%, oklch(47.54% 0.0798 212.21) 74.2%, oklch(45.74% 0.0777 213.63) 77.4%, oklch(43.84% 0.0754 215.23) 80.6%, oklch(41.76% 0.0725 217.22) 83.9%, oklch(39.25% 0.0688 219.87) 87.1%, oklch(36.42% 0.0644 222.94) 90.3%, oklch(33.63% 0.0601 226.03) 93.5%, oklch(31.22% 0.0564 228.72) 96.8%, oklch(29.53% 0.0537 230.59) 100.0%);

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

Xanh cổ vịt và cam

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