{"id":194,"date":"2026-02-13T13:10:11","date_gmt":"2026-02-13T13:10:11","guid":{"rendered":"https:\/\/georgesilvio.ro\/index.php\/histograma-rgb-top-10-culori-din-poza\/"},"modified":"2026-02-13T13:10:11","modified_gmt":"2026-02-13T13:10:11","slug":"histograma-rgb-top-10-culori-din-poza","status":"publish","type":"page","link":"https:\/\/georgesilvio.ro\/index.php\/histograma-rgb-top-10-culori-din-poza\/","title":{"rendered":"Histograma RGB + Top 10 Culori din poza"},"content":{"rendered":"<div class=\"gs-toy-inline\" data-gs-toy-id=\"193\">\n  <div class=\"gs-app\">\n    <header class=\"gs-head\">\n      <div>\n        <h1>Histograma RGB + Top 10<\/h1>\n        <p class=\"gs-sub\">Ruleaz\u0103 local \u00een browser. Nu se \u00eencarc\u0103 nimic pe server.<\/p>\n      <\/div>\n      <div class=\"gs-badge\">GS Toy<\/div>\n    <\/header>\n\n    <section class=\"gs-card gs-controls\">\n      <div class=\"gs-field\">\n        <label for=\"file\">Alege imagine<\/label>\n        <input id=\"file\" type=\"file\" accept=\"image\/*\" \/>\n        <div class=\"gs-hint\">Sugestie: pentru imagini mari, cre\u0219te sampling step.<\/div>\n      <\/div>\n\n      <div class=\"gs-field\">\n        <label>Sampling step: <span id=\"stepVal\" class=\"gs-pill\">2<\/span><\/label>\n        <input id=\"step\" type=\"range\" min=\"1\" max=\"12\" value=\"2\" \/>\n        <div class=\"gs-hint\">1 = precis, dar mai lent. 2\u20136 recomandat.<\/div>\n      <\/div>\n\n      <div class=\"gs-field\">\n        <label>Grupare culori (quantize): <span id=\"qVal\" class=\"gs-pill\">16<\/span><\/label>\n        <input id=\"q\" type=\"range\" min=\"1\" max=\"64\" value=\"16\" \/>\n        <div class=\"gs-hint\">Valori mai mari = culori grupate mai bine.<\/div>\n      <\/div>\n\n      <div class=\"gs-field gs-wide\">\n        <div class=\"gs-legend\">\n          <span><i class=\"gs-dot gs-r\"><\/i>R<\/span>\n          <span><i class=\"gs-dot gs-g\"><\/i>G<\/span>\n          <span><i class=\"gs-dot gs-b\"><\/i>B<\/span>\n          <span><i class=\"gs-dot gs-y\"><\/i>Luma<\/span>\n        <\/div>\n        <div class=\"gs-checks\">\n          <label class=\"gs-check\"><input id=\"showLum\" type=\"checkbox\" checked \/>Arat\u0103 luma<\/label>\n          <label class=\"gs-check\"><input id=\"ignoreAlpha\" type=\"checkbox\" checked \/>Ignor\u0103 alpha=0<\/label>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"gs-grid2\">\n      <div class=\"gs-card\">\n        <div class=\"gs-titleRow\"><h2>Previzualizare<\/h2><\/div>\n        <img id=\"preview\" alt=\"preview\" class=\"gs-preview\" \/>\n      <\/div>\n\n      <div class=\"gs-card\">\n        <div class=\"gs-titleRow\">\n          <h2>Culori dominante<\/h2>\n          <div class=\"gs-btnRow\">\n            <button id=\"copyDom\" type=\"button\" disabled>Copiaz\u0103 HEX<\/button>\n            <button id=\"copyTop\" type=\"button\" disabled>Copiaz\u0103 Top10 JSON<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"gs-dominant\">\n          <div id=\"domSwatch\" class=\"gs-swatch\" aria-hidden=\"true\"><\/div>\n          <div>\n            <div class=\"gs-muted\">Culoare dominant\u0103<\/div>\n            <div id=\"domText\" class=\"gs-mono\">-<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"gs-muted\" style=\"margin:10px 0 8px;\">Top 10 culori (grupate)<\/div>\n        <div id=\"top10\" class=\"gs-top10\"><\/div>\n\n        <div id=\"stats\" class=\"gs-stats\">\u00cencarc\u0103 o imagine...<\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"gs-grid2\">\n      <div class=\"gs-card\">\n        <div class=\"gs-titleRow\"><h2>Histograma RGB (0\u2013255)<\/h2><\/div>\n        <canvas id=\"hist\" width=\"1024\" height=\"240\"><\/canvas>\n      <\/div>\n      <div class=\"gs-card\" id=\"lumCard\">\n        <div class=\"gs-titleRow\"><h2>Histograma Luma (0\u2013255)<\/h2><\/div>\n        <canvas id=\"lum\" width=\"1024\" height=\"240\"><\/canvas>\n      <\/div>\n    <\/section>\n\n    <canvas id=\"work\" class=\"gs-hidden\"><\/canvas>\n  <\/div>\n\n  <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/georgesilvio.ro\/index.php\/wp-json\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/georgesilvio.ro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/georgesilvio.ro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/georgesilvio.ro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/georgesilvio.ro\/index.php\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":0,"href":"https:\/\/georgesilvio.ro\/index.php\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"wp:attachment":[{"href":"https:\/\/georgesilvio.ro\/index.php\/wp-json\/wp\/v2\/media?parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}