Colors conversion
\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\n\r\nexport class KnownColor {\r\n colorname: string;\r\n hex: string;\r\n\r\n constructor(colorname, hex) {\r\n this.colorname = colorname;\r\n this.hex = hex;\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'app-color',\r\n templateUrl: './color.component.html',\r\n styleUrls: ['./color.component.css']\r\n})\r\nexport class ColorComponent implements OnInit {\r\n\r\n colorValue = '#ff0000';\r\n colorPickerValue = '#ff0000';\r\n strRGBValue = '';\r\n rgbValue = [];\r\n hslValue = [];\r\n hexValue = [];\r\n strHexValue = '';\r\n strHSLValue = '';\r\n strNameValue = '';\r\n SLRanges = []\r\n HRanges = []\r\n KnownColors = []\r\n\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n\r\n this.SLRanges = [100, 95, 90, 85, 80, 75, 70, 65, 60, 55, 50, 45, 40, 35, 30, 25, 20, 15, 10, 5, 0];\r\n this.HRanges = [0, 15, 30, 45, 60, 75, 90, 105, 120, 135, 150, 165, 180, 195, 210, 225, 240, 255, 270, 285, 300, 315, 330, 345, 360];\r\n var KnownColors = `[\r\n {\"colorname\":\"aliceblue\", \"hex\" : \"#f0f8ff\"},\r\n {\"colorname\":\"antiquewhite\", \"hex\" : \"#faebd7\"},\r\n {\"colorname\":\"aqua\", \"hex\" : \"#00ffff\"},\r\n {\"colorname\":\"aquamarine\", \"hex\" : \"#7fffd4\"},\r\n {\"colorname\":\"azure\", \"hex\" : \"#f0ffff\"},\r\n {\"colorname\":\"beige\", \"hex\" : \"#f5f5dc\"},\r\n {\"colorname\":\"bisque\", \"hex\" : \"#ffe4c4\"},\r\n {\"colorname\":\"black\", \"hex\" : \"#000000\"},\r\n {\"colorname\":\"blanchedalmond\", \"hex\" : \"#ffebcd\"},\r\n {\"colorname\":\"blue\", \"hex\" : \"#0000ff\"},\r\n {\"colorname\":\"blueviolet\", \"hex\" : \"#8a2be2\"},\r\n {\"colorname\":\"brown\", \"hex\" : \"#a52a2a\"},\r\n {\"colorname\":\"burlywood\", \"hex\" : \"#deb887\"},\r\n {\"colorname\":\"cadetblue\", \"hex\" : \"#5f9ea0\"},\r\n {\"colorname\":\"chartreuse\", \"hex\" : \"#7fff00\"},\r\n {\"colorname\":\"chocolate\", \"hex\" : \"#d2691e\"},\r\n {\"colorname\":\"coral\", \"hex\" : \"#ff7f50\"},\r\n {\"colorname\":\"cornflowerblue\", \"hex\" : \"#6495ed\"},\r\n {\"colorname\":\"cornsilk\", \"hex\" : \"#fff8dc\"},\r\n {\"colorname\":\"crimson\", \"hex\" : \"#dc143c\"},\r\n {\"colorname\":\"cyan\", \"hex\" : \"#00ffff\"},\r\n {\"colorname\":\"darkblue\", \"hex\" : \"#00008b\"},\r\n {\"colorname\":\"darkcyan\", \"hex\" : \"#008b8b\"},\r\n {\"colorname\":\"darkgoldenrod\", \"hex\" : \"#b8860b\"},\r\n {\"colorname\":\"darkgray\", \"hex\" : \"#a9a9a9\"},\r\n {\"colorname\":\"darkgreen\", \"hex\" : \"#006400\"},\r\n {\"colorname\":\"darkgrey\", \"hex\" : \"#a9a9a9\"},\r\n {\"colorname\":\"darkkhaki\", \"hex\" : \"#bdb76b\"},\r\n {\"colorname\":\"darkmagenta\", \"hex\" : \"#8b008b\"},\r\n {\"colorname\":\"darkolivegreen\", \"hex\" : \"#556b2f\"},\r\n {\"colorname\":\"darkorange\", \"hex\" : \"#ff8c00\"},\r\n {\"colorname\":\"darkorchid\", \"hex\" : \"#9932cc\"},\r\n {\"colorname\":\"darkred\", \"hex\" : \"#8b0000\"},\r\n {\"colorname\":\"darksalmon\", \"hex\" : \"#e9967a\"},\r\n {\"colorname\":\"darkseagreen\", \"hex\" : \"#8fbc8f\"},\r\n {\"colorname\":\"darkslateblue\", \"hex\" : \"#483d8b\"},\r\n {\"colorname\":\"darkslategray\", \"hex\" : \"#2f4f4f\"},\r\n {\"colorname\":\"darkslategrey\", \"hex\" : \"#2f4f4f\"},\r\n {\"colorname\":\"darkturquoise\", \"hex\" : \"#00ced1\"},\r\n {\"colorname\":\"darkviolet\", \"hex\" : \"#9400d3\"},\r\n {\"colorname\":\"deeppink\", \"hex\" : \"#ff1493\"},\r\n {\"colorname\":\"deepskyblue\", \"hex\" : \"#00bfff\"},\r\n {\"colorname\":\"dimgray\", \"hex\" : \"#696969\"},\r\n {\"colorname\":\"dimgrey\", \"hex\" : \"#696969\"},\r\n {\"colorname\":\"dodgerblue\", \"hex\" : \"#1e90ff\"},\r\n {\"colorname\":\"firebrick\", \"hex\" : \"#b22222\"},\r\n {\"colorname\":\"floralwhite\", \"hex\" : \"#fffaf0\"},\r\n {\"colorname\":\"forestgreen\", \"hex\" : \"#228b22\"},\r\n {\"colorname\":\"fuchsia\", \"hex\" : \"#ff00ff\"},\r\n {\"colorname\":\"gainsboro\", \"hex\" : \"#dcdcdc\"},\r\n {\"colorname\":\"ghostwhite\", \"hex\" : \"#f8f8ff\"},\r\n {\"colorname\":\"gold\", \"hex\" : \"#ffd700\"},\r\n {\"colorname\":\"goldenrod\", \"hex\" : \"#daa520\"},\r\n {\"colorname\":\"gray\", \"hex\" : \"#808080\"},\r\n {\"colorname\":\"green\", \"hex\" : \"#008000\"},\r\n {\"colorname\":\"greenyellow\", \"hex\" : \"#adff2f\"},\r\n {\"colorname\":\"grey\", \"hex\" : \"#808080\"},\r\n {\"colorname\":\"honeydew\", \"hex\" : \"#f0fff0\"},\r\n {\"colorname\":\"hotpink\", \"hex\" : \"#ff69b4\"},\r\n {\"colorname\":\"indianred\", \"hex\" : \"#cd5c5c\"},\r\n {\"colorname\":\"indigo\", \"hex\" : \"#4b0082\"},\r\n {\"colorname\":\"ivory\", \"hex\" : \"#fffff0\"},\r\n {\"colorname\":\"khaki\", \"hex\" : \"#f0e68c\"},\r\n {\"colorname\":\"lavender\", \"hex\" : \"#e6e6fa\"},\r\n {\"colorname\":\"lavenderblush\", \"hex\" : \"#fff0f5\"},\r\n {\"colorname\":\"lawngreen\", \"hex\" : \"#7cfc00\"},\r\n {\"colorname\":\"lemonchiffon\", \"hex\" : \"#fffacd\"},\r\n {\"colorname\":\"lightblue\", \"hex\" : \"#add8e6\"},\r\n {\"colorname\":\"lightcoral\", \"hex\" : \"#f08080\"},\r\n {\"colorname\":\"lightcyan\", \"hex\" : \"#e0ffff\"},\r\n {\"colorname\":\"lightgoldenrodyellow\", \"hex\" : \"#fafad2\"},\r\n {\"colorname\":\"lightgray\", \"hex\" : \"#d3d3d3\"},\r\n {\"colorname\":\"lightgreen\", \"hex\" : \"#90ee90\"},\r\n {\"colorname\":\"lightgrey\", \"hex\" : \"#d3d3d3\"},\r\n {\"colorname\":\"lightpink\", \"hex\" : \"#ffb6c1\"},\r\n {\"colorname\":\"lightsalmon\", \"hex\" : \"#ffa07a\"},\r\n {\"colorname\":\"lightseagreen\", \"hex\" : \"#20b2aa\"},\r\n {\"colorname\":\"lightskyblue\", \"hex\" : \"#87cefa\"},\r\n {\"colorname\":\"lightslategray\", \"hex\" : \"#778899\"},\r\n {\"colorname\":\"lightslategrey\", \"hex\" : \"#778899\"},\r\n {\"colorname\":\"lightsteelblue\", \"hex\" : \"#b0c4de\"},\r\n {\"colorname\":\"lightyellow\", \"hex\" : \"#ffffe0\"},\r\n {\"colorname\":\"lime\", \"hex\" : \"#00ff00\"},\r\n {\"colorname\":\"limegreen\", \"hex\" : \"#32cd32\"},\r\n {\"colorname\":\"linen\", \"hex\" : \"#faf0e6\"},\r\n {\"colorname\":\"magenta\", \"hex\" : \"#ff00ff\"},\r\n {\"colorname\":\"maroon\", \"hex\" : \"#800000\"},\r\n {\"colorname\":\"mediumaquamarine\", \"hex\" : \"#66cdaa\"},\r\n {\"colorname\":\"mediumblue\", \"hex\" : \"#0000cd\"},\r\n {\"colorname\":\"mediumorchid\", \"hex\" : \"#ba55d3\"},\r\n {\"colorname\":\"mediumpurple\", \"hex\" : \"#9370db\"},\r\n {\"colorname\":\"mediumseagreen\", \"hex\" : \"#3cb371\"},\r\n {\"colorname\":\"mediumslateblue\", \"hex\" : \"#7b68ee\"},\r\n {\"colorname\":\"mediumspringgreen\", \"hex\" : \"#00fa9a\"},\r\n {\"colorname\":\"mediumturquoise\", \"hex\" : \"#48d1cc\"},\r\n {\"colorname\":\"mediumvioletred\", \"hex\" : \"#c71585\"},\r\n {\"colorname\":\"midnightblue\", \"hex\" : \"#191970\"},\r\n {\"colorname\":\"mintcream\", \"hex\" : \"#f5fffa\"},\r\n {\"colorname\":\"mistyrose\", \"hex\" : \"#ffe4e1\"},\r\n {\"colorname\":\"moccasin\", \"hex\" : \"#ffe4b5\"},\r\n {\"colorname\":\"navajowhite\", \"hex\" : \"#ffdead\"},\r\n {\"colorname\":\"navy\", \"hex\" : \"#000080\"},\r\n {\"colorname\":\"oldlace\", \"hex\" : \"#fdf5e6\"},\r\n {\"colorname\":\"olive\", \"hex\" : \"#808000\"},\r\n {\"colorname\":\"olivedrab\", \"hex\" : \"#6b8e23\"},\r\n {\"colorname\":\"orange\", \"hex\" : \"#ffa500\"},\r\n {\"colorname\":\"orangered\", \"hex\" : \"#ff4500\"},\r\n {\"colorname\":\"orchid\", \"hex\" : \"#da70d6\"},\r\n {\"colorname\":\"palegoldenrod\", \"hex\" : \"#eee8aa\"},\r\n {\"colorname\":\"palegreen\", \"hex\" : \"#98fb98\"},\r\n {\"colorname\":\"paleturquoise\", \"hex\" : \"#afeeee\"},\r\n {\"colorname\":\"palevioletred\", \"hex\" : \"#db7093\"},\r\n {\"colorname\":\"papayawhip\", \"hex\" : \"#ffefd5\"},\r\n {\"colorname\":\"peachpuff\", \"hex\" : \"#ffdab9\"},\r\n {\"colorname\":\"peru\", \"hex\" : \"#cd853f\"},\r\n {\"colorname\":\"pink\", \"hex\" : \"#ffc0cb\"},\r\n {\"colorname\":\"plum\", \"hex\" : \"#dda0dd\"},\r\n {\"colorname\":\"powderblue\", \"hex\" : \"#b0e0e6\"},\r\n {\"colorname\":\"purple\", \"hex\" : \"#800080\"},\r\n {\"colorname\":\"yellow\", \"hex\" : \"#ffff00\"},\r\n {\"colorname\":\"rebeccapurple\", \"hex\" : \"#663399\"},\r\n {\"colorname\":\"red\", \"hex\" : \"#ff0000\"},\r\n {\"colorname\":\"rosybrown\", \"hex\" : \"#bc8f8f\"},\r\n {\"colorname\":\"royalblue\", \"hex\" : \"#4169e1\"},\r\n {\"colorname\":\"saddlebrown\", \"hex\" : \"#8b4513\"},\r\n {\"colorname\":\"salmon\", \"hex\" : \"#fa8072\"},\r\n {\"colorname\":\"sandybrown\", \"hex\" : \"#f4a460\"},\r\n {\"colorname\":\"seagreen\", \"hex\" : \"#2e8b57\"},\r\n {\"colorname\":\"seashell\", \"hex\" : \"#fff5ee\"},\r\n {\"colorname\":\"sienna\", \"hex\" : \"#a0522d\"},\r\n {\"colorname\":\"silver\", \"hex\" : \"#c0c0c0\"},\r\n {\"colorname\":\"skyblue\", \"hex\" : \"#87ceeb\"},\r\n {\"colorname\":\"slateblue\", \"hex\" : \"#6a5acd\"},\r\n {\"colorname\":\"slategray\", \"hex\" : \"#708090\"},\r\n {\"colorname\":\"slategrey\", \"hex\" : \"#708090\"},\r\n {\"colorname\":\"snow\", \"hex\" : \"#fffafa\"},\r\n {\"colorname\":\"springgreen\", \"hex\" : \"#00ff7f\"},\r\n {\"colorname\":\"steelblue\", \"hex\" : \"#4682b4\"},\r\n {\"colorname\":\"tan\", \"hex\" : \"#d2b48c\"},\r\n {\"colorname\":\"teal\", \"hex\" : \"#008080\"},\r\n {\"colorname\":\"thistle\", \"hex\" : \"#d8bfd8\"},\r\n {\"colorname\":\"tomato\", \"hex\" : \"#ff6347\"},\r\n {\"colorname\":\"turquoise\", \"hex\" : \"#40e0d0\"},\r\n {\"colorname\":\"violet\", \"hex\" : \"#ee82ee\"},\r\n {\"colorname\":\"wheat\", \"hex\" : \"#f5deb3\"},\r\n {\"colorname\":\"white\", \"hex\" : \"#ffffff\"},\r\n {\"colorname\":\"whitesmoke\", \"hex\" : \"#f5f5f5\"},\r\n {\"colorname\":\"yellowgreen\", \"hex\" : \"#9acd32\"}\r\n]`;\r\n\r\n this.KnownColors = \\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n RGB:
{{strRGBValue}}![](\\\"assets/copy-content.svg\\\")
HEX:
{{strHexValue}}
HSL:
{{strHSLValue}}
Name:
{{strNameValue}}
\\r\\n
\\r\\n\\r\\n Hue
\\r\\n\\r\\n \\r\\n
\\r\\n {{HSLConverter('hex', 'hue', value)}}
\\r\\n {{HSLConverter('rgb', 'hue', value)}}
\\r\\n {{HSLConverter('hsl', 'hue', value)}}
\\r\\n \\r\\n
\\r\\n\\r\\n Saturation
\\r\\n\\r\\n \\r\\n
\\r\\n {{HSLConverter('hex', 'saturation', value)}}
\\r\\n {{HSLConverter('rgb', 'saturation', value)}}
\\r\\n {{HSLConverter('hsl', 'saturation', value)}}
\\r\\n \\r\\n
\\r\\n\\r\\nLightness
\\r\\n\\r\\n \\r\\n
\\r\\n {{HSLConverter('hex', 'lightness', value)}}
\\r\\n {{HSLConverter('rgb', 'lightness', value)}}
\\r\\n {{HSLConverter('hsl', 'lightness', value)}}
\\r\\n Currency conversion
\\r\\n\\r\\n\\r\\n ![](\\\"assets/swap.svg\\\")
\\r\\n
\\r\\n \\r\\n\\r\\n\"","import { Component, OnInit, Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\n\nexport class Currency {\r\n code: string;\r\n rate: number;\r\n selected: boolean;\r\n\r\n constructor(code: string, rate: number) {\r\n this.code = code;\r\n this.rate = rate;\r\n }\r\n}\n\n@Component({\n selector: 'app-currency',\n templateUrl: './currency.component.html',\n styleUrls: ['./currency.component.css']\n})\n\n@Injectable()\nexport class CurrencyComponent implements OnInit {\n data: any;\r\n loading: boolean;\r\n fromVal = 100;\r\n toVal = 0;\r\n fromCurrencies: Array\\r\\n
\\r\\n\\r\\n From:
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n To:
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-menu',\n templateUrl: './menu.component.html',\n styleUrls: ['./menu.component.css']\n})\nexport class MenuComponent implements OnInit {\n\n open: boolean = false;\n\n constructor() { }\n\n ngOnInit() {\n }\n\n ToggleMenu() {\n this.open = !this.open; \n }\n\n}\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NwZWVkL3NwZWVkLmNvbXBvbmVudC5jc3MifQ== */\"","module.exports = \"\\r\\n\\r\\n\"","import { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport { SelectControlValueAccessor } from '@angular/forms';\r\nimport { debug } from 'util';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { ConversionRate } from '../conversionrate';\r\nimport { CalculationService } from '../calculation.service';\r\n\r\n@Component({\r\n selector: 'app-speed',\r\n templateUrl: './speed.component.html',\r\n styleUrls: ['./speed.component.css']\r\n})\r\nexport class SpeedComponent implements OnInit, OnDestroy {\r\n qsfrom: string;\r\n qsto: string;\r\n private sub: any;\r\n\r\n get fromType(): string {\r\n return this.calculationService.ConverterRatesFrom.filter(rate => rate.selected == true)[0].from;;\r\n }\r\n\r\n get toType(): string {\r\n return this.calculationService.ConverterRatesTo.filter(rate => rate.selected == true)[0].from;;\r\n }\r\n\r\n fromVal = '';\r\n toVal = '';\r\n \r\n rate = 0;\r\n ConverterRatesFrom: Array\\r\\n \\r\\n ![](\\\"assets/sort.svg\\\")
\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n Converters
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n- \\r\\n
- \\r\\n \\r\\n
![](\\\"./assets/home.svg\\\")
Home\\r\\n \\r\\n \\r\\n - \\r\\n \\r\\n
![](\\\"./assets/between.svg\\\")
Distance\\r\\n \\r\\n \\r\\n - \\r\\n \\r\\n
![](\\\"./assets/speed.svg\\\")
Speed\\r\\n \\r\\n \\r\\n - \\r\\n \\r\\n
![](\\\"./assets/weight_w.svg\\\")
Weight\\r\\n \\r\\n \\r\\n - \\r\\n \\r\\n
![](\\\"./assets/temperature_w.svg\\\")
Temperature\\r\\n \\r\\n \\r\\n - \\r\\n \\r\\n
![](\\\"./assets/area_w.svg\\\")
Area\\r\\n \\r\\n \\r\\n - \\r\\n \\r\\n
![](\\\"./assets/color-picker_w.svg\\\")
Color\\r\\n \\r\\n \\r\\n - \\r\\n \\r\\n
![](\\\"./assets/currency_w.svg\\\")
Currency\\r\\n \\r\\n \\r\\n
\\r\\n Welcome to
\\r\\n Converters.today\\r\\n
\\r\\n\\r\\n\\r\\n Choose category:\\r\\n
\\r\\n\\r\\n\\r\\n\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-welcome',\n templateUrl: './welcome.component.html',\n styleUrls: ['./welcome.component.css']\n})\nexport class WelcomeComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n\n}\n","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n .catch(err => console.error(err));\n\n"],"sourceRoot":""}\\r\\n \\r\\n ![](\\\"assets/between_bw.svg\\\")
Distance\\r\\n \\r\\n
\\r\\n Distance\\r\\n \\r\\n \\r\\n \\r\\n ![](\\\"assets/speed_bw.svg\\\")
Speed\\r\\n \\r\\n
\\r\\n Speed\\r\\n \\r\\n \\r\\n \\r\\n ![](\\\"assets/weight_b.svg\\\")
Weight\\r\\n \\r\\n
\\r\\n Weight\\r\\n \\r\\n \\r\\n \\r\\n ![](\\\"assets/temperature_b.svg\\\")
Temperature\\r\\n \\r\\n
\\r\\n Temperature\\r\\n \\r\\n \\r\\n \\r\\n ![](\\\"assets/area_b.svg\\\")
Area\\r\\n \\r\\n
\\r\\n Area\\r\\n \\r\\n \\r\\n \\r\\n ![](\\\"assets/color-picker_b.svg\\\")
Color\\r\\n \\r\\n
\\r\\n Color\\r\\n \\r\\n \\r\\n \\r\\n ![](\\\"assets/currency_b.svg\\\")
Currency\\r\\n \\r\\n
\\r\\n\\r\\n Currency\\r\\n \\r\\n