Xanh lá, xanh cổ vịt và xanh hải quân (ba tông) (gradient xuyên tâm)

Bảng màu Xanh lá, xanh cổ vịt và xanh hải quân (ba tông)

Gradient xuyên tâm, 32 màu: #27ad69, #118b5b, #0c6750, #09565d, #183c69. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#27ad69
#25aa68
#22a666
#1fa265
#1b9d62
#189960
#15945f
#128f5d
#118b5b
#108659
#0f8157
#0d7d55
#0c7854
#0a7453
#0a7052
#0b6b51
#0c6750
#0c634f
#0b6050
#085d51
#055b53
#055956
#07585a
#09565d
#0c545f
#0d5161
#0c4e63
#0c4a65
#0e4666
#114267
#153e68
#183c69

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(66.14% 0.1502 155.39) 0.0%, oklch(65.37% 0.1483 155.70) 3.2%, oklch(64.31% 0.1456 156.10) 6.5%, oklch(63.05% 0.1425 156.59) 9.7%, oklch(61.68% 0.1390 157.15) 12.9%, oklch(60.27% 0.1354 157.77) 16.1%, oklch(58.92% 0.1316 158.43) 19.4%, oklch(57.62% 0.1279 159.08) 22.6%, oklch(56.28% 0.1238 159.69) 25.8%, oklch(54.92% 0.1196 160.33) 29.0%, oklch(53.54% 0.1153 161.09) 32.3%, oklch(52.20% 0.1109 162.04) 35.5%, oklch(50.90% 0.1065 163.26) 38.7%, oklch(49.64% 0.1020 164.73) 41.9%, oklch(48.37% 0.0973 166.16) 45.2%, oklch(47.12% 0.0924 167.71) 48.4%, oklch(45.91% 0.0875 169.60) 51.6%, oklch(44.80% 0.0830 172.03) 54.8%, oklch(43.82% 0.0791 175.22) 58.1%, oklch(43.01% 0.0760 179.39) 61.3%, oklch(42.44% 0.0732 184.70) 64.5%, oklch(42.03% 0.0707 190.87) 67.7%, oklch(41.71% 0.0688 197.61) 71.0%, oklch(41.39% 0.0676 204.57) 74.2%, oklch(40.99% 0.0672 211.45) 77.4%, oklch(40.42% 0.0677 217.96) 80.6%, oklch(39.63% 0.0699 224.84) 83.9%, oklch(38.70% 0.0735 232.14) 87.1%, oklch(37.72% 0.0777 239.38) 90.3%, oklch(36.79% 0.0820 246.06) 93.5%, oklch(35.99% 0.0857 251.69) 96.8%, oklch(35.43% 0.0882 255.78) 100.0%);

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

Tông đá quý

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