{"id":16102,"date":"2022-10-14T05:40:06","date_gmt":"2022-10-14T00:10:06","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/"},"modified":"2022-10-14T05:40:06","modified_gmt":"2022-10-14T00:10:06","slug":"solved-changing-color-attributes","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/","title":{"rendered":"[Solved] Changing color attributes"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-55348150\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"55348150\" data-parentid=\"55292973\" data-score=\"0\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<blockquote>\n<p>The constructor for ColorPane will<br \/>\n  Create the rectangle and set the fill color to something medium: not too bright or too dark, not too saturated or unsaturated.<br \/>\n  Bind the width and height of the rectangle to the width and the height of the pane. That way the rectangle will cover the entire pane<br \/>\n  Set the position of the rectangle to (0,0)<br \/>\n  Add the rectangle to the pane (it\u2019s not a child just because it is an instance variable)<\/p>\n<\/blockquote>\n<p>To do this, you need to use this code:<\/p>\n<pre><code>Rectangle rectangle = new Rectangle(0, 0, pane.getPrefWidth(), pane.getPrefHeight());\npane.getChildren().add(rectangle);\n<\/code><\/pre>\n<blockquote>\n<p>There will be six methods that change the color of the rectangle. Each of them will follow approximately the same approach:<\/p>\n<p>1: Get the Fill of the rectangle and cast it to Color<\/p>\n<p>2: Get the hue, saturation, and brightness of the fill color (methods in Color)<\/p>\n<p>3: Modify the component that the method is changing<\/p>\n<p>4: Recreate the color (Color.hsb)<\/p>\n<p>5: Set the fill of the rectangle <\/p>\n<\/blockquote>\n<p>To get the color, do this:<\/p>\n<pre><code>Color color = (Color) rectangle.getFill();\n<\/code><\/pre>\n<p>To get the hue, saturation, and brightness of the color, do this:<\/p>\n<pre><code>double hue = color.getHue();\ndouble saturation = color.getSaturation();\ndouble brightness = color.getBrightness();\n<\/code><\/pre>\n<p>To set the fill of the rectangle, do this:<\/p>\n<pre><code>rectangle.setFill(color);\n<\/code><\/pre>\n<p>Hue up:<\/p>\n<pre><code>rectangle.setFill(Color.hsb(color.getHue() + 30, color.getSaturation(), color.getBrightness()));\n<\/code><\/pre>\n<p>Hue Down:<\/p>\n<pre><code>rectangle.setFill(Color.hsb(color.getHue() - 30, color.getSaturation(), color.getBrightness()));\n<\/code><\/pre>\n<p>More Saturated:<\/p>\n<pre><code>rectangle.setFill(Color.hsb(color.getHue(), color.getSaturation()^2, color.getBrightness()));\n<\/code><\/pre>\n<p>Less Saturated:<\/p>\n<pre><code>rectangle.setFill(Color.hsb(color.getHue(), Math.sqrt(color.getSaturation()), color.getBrightness()));\n<\/code><\/pre>\n<p>Lighter:<\/p>\n<pre><code>rectangle.setFill(Color.hsb(color.getHue(), color.getSaturation(), color.getBrightness()^2));\n<\/code><\/pre>\n<p>Darker:<\/p>\n<pre><code>rectangle.setFill(Color.hsb(color.getHue(), color.getSaturation(), Math.sqrt(color.getBrightness())));\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">1<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved Changing color attributes <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] The constructor for ColorPane will Create the rectangle and set the fill color to something medium: not too bright or too dark, not too saturated or unsaturated. Bind the width and height of the rectangle to the width and the height of the pane. That way the rectangle will cover the entire pane Set &#8230; <a title=\"[Solved] Changing color attributes\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/\" aria-label=\"More on [Solved] Changing color attributes\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[1310,3649,1489],"class_list":["post-16102","post","type-post","status-publish","format-standard","hentry","category-solved","tag-colors","tag-event-handling","tag-javafx"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] Changing color attributes - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Changing color attributes - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] The constructor for ColorPane will Create the rectangle and set the fill color to something medium: not too bright or too dark, not too saturated or unsaturated. Bind the width and height of the rectangle to the width and the height of the pane. That way the rectangle will cover the entire pane Set ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-14T00:10:06+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Changing color attributes\",\"datePublished\":\"2022-10-14T00:10:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/\"},\"wordCount\":198,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"colors\",\"event-handling\",\"javafx\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/\",\"name\":\"[Solved] Changing color attributes - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-10-14T00:10:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Changing color attributes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Changing color attributes - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Changing color attributes - JassWeb","og_description":"[ad_1] The constructor for ColorPane will Create the rectangle and set the fill color to something medium: not too bright or too dark, not too saturated or unsaturated. Bind the width and height of the rectangle to the width and the height of the pane. That way the rectangle will cover the entire pane Set ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/","og_site_name":"JassWeb","article_published_time":"2022-10-14T00:10:06+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Changing color attributes","datePublished":"2022-10-14T00:10:06+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/"},"wordCount":198,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["colors","event-handling","javafx"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/","url":"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/","name":"[Solved] Changing color attributes - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-10-14T00:10:06+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-changing-color-attributes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Changing color attributes"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/16102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=16102"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/16102\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=16102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=16102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=16102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}