{"id":21233,"date":"2020-08-14T23:08:08","date_gmt":"2020-08-15T06:08:08","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=21233"},"modified":"2020-12-29T11:31:16","modified_gmt":"2020-12-29T19:31:16","slug":"css-colors","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/css-colors\/","title":{"rendered":"CSS Colors Tutorial"},"content":{"rendered":"\n<p>When it comes to making your UI standout, there&#8217;s nothing like choosing the right color pallette. With this tutorial you&#8217;ll learn how easy it is to assign colors to elements, fonts, and pretty much anything as you build your UI.<\/p>\n\n\n\n<p>To add color, CSS has the <code>color<\/code> data type, which represents color in the standard Red, Green, Blue (RGB) format.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>color<\/strong><strong> Syntax<\/strong><\/h2>\n\n\n\n<p>There are a couple of ways in which you can define colors with CSS:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>With keywords. They are typed as strings, like &#8216;red&#8217;, &#8216;white&#8217;, \u2018yellow\u2019 or hex numbers like #fff.<\/li><li>With hexadecimal notation, for example #fff.<\/li><li>Via <code>rgb()<\/code> or <code>rgba()<\/code> functional notations.<\/li><li>Or using the HSL functions such as <code>hsl()<\/code> and <code>hsla()<\/code>.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Using Keyword Identifiers<\/strong><\/h2>\n\n\n\n<p>The easiest way to add a color to any element that needs it, is to use keyword attributes.<\/p>\n\n\n\n<p>Please note that there are nuances as to the specific property you&#8217;ll use to add color, being a background, a text or an element. For our example we will use a good-old button.<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;button class=&quot;color&quot;&gt;Color Me&lt;\/button&gt;<\/pre><\/div>\n\n\n\n<p>With our button element we have two options to add color. Either via the <code>background-color<\/code> property or the <code>color<\/code> property. In this case the color property changes color of the text and background-color, that of the background. Let&#8217;s go ahead and select our button and then add color to our button!<\/p>\n\n\n\n<p>Easy right?<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/q1csBVlruyLnYhzesRkzUIx8wtMRi5gFCxTuA5bYWoQ-qyUW-eePtvpgJiVR1cGcjnG9IujNdSKGIhTmEG6JGfEx43lVe6TU-WQR4bTPAd75iaVaX4SQQYvDVPiiJR0jOrq-CRIz\" alt=\"Screen Shot 2020-08-13 at 3 50 19 PM\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>rgba()<\/strong><strong> and hsl() functions<\/strong><\/h2>\n\n\n\n<p>So you can see how to use keywords to add color to specific color properties. You can refer to this <a href=\"https:\/\/www.w3.org\/wiki\/CSS\/Properties\/color\/keywords\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">keyword color cheatsheet<\/a> to see all the options available. Although keyword colors give us a wide array of possible colors, it can be limited.<\/p>\n\n\n\n<p>These keyword colors, or pretty much any other color, can be expressed also either as Hex RGB or RGB decimal. For example &#8216;black&#8217; would be #000000 or 0,0,0 in decimal and so on. You can get more specific colors with these hex or decimal options.&nbsp;<\/p>\n\n\n\n<p>An easy way to add RGB decimal would be to use the <code>rgb()<\/code> function. The maximum value of each decimal is 255. Let&#8217;s change our keyword colors to show these two new options:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>button.color {\n    \/* RGB and decimal *\/\n    color: #fff;\n    background-color: rgb(210,105,30);\n}<\/pre><\/div>\n\n\n\n<p>Have you noticed that black has the same characters repeated? When it is the same character you can just type the first three like I did for white above. This can also be expressed as #ffffff.<\/p>\n\n\n\n<p>Another option to add colors would be to use the <code>hsl()<\/code> function. HSL stands for hue, saturation, and lightness. Lightness represents a percentage from white (100%) to black (0%). Saturation is also a percentage but of the color of gray where 100% is &#8216;full&#8217; grey color. Hue represents degrees (0 to 360) in the color wheel as RGB where 0 is red, 120 is green and 240 is blue. I know this sounds complicated \ud83d\ude05.&nbsp;<\/p>\n\n\n\n<p>Code editors such as Visual Studio provide a color picker you can play. Go ahead and type <code>hsl()<\/code> then hover and see the color picker pop up.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Yip_Cry8wA00lXYYaOD98dyCgFBxmEYQMsTMtfpgozn2ewPzmvUTtWij3m3pikcSAOrlvpnMbwFyaIVT495ZzZA2x4X-hRCJmYhWIQHsVlA64IuqYA3MUER6uoYIppBYoZpYIF1N\" alt=\"Screen Shot 2020-08-13 at 4 18 30 PM\"\/><\/figure>\n\n\n\n<p>The left side you can manipulate the hue, and the two other bars saturation and lightness. Play with it and see what cool colors you can get. HSL is useful for shades, and we can manipulate with saturation and lightness. Some people prefer it because of their own particular needs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Modifying Color Opacity<\/strong><\/h2>\n\n\n\n<p>You might notice that both rgb and hsl functions can be expressed by either <code>rgba()<\/code> or <code>hsla()<\/code>. The &#8216;a&#8217; stands for alpha but is pretty much the transparency \/ opacity where 0 is transparent and 1 is completely opaque.<\/p>\n\n\n\n<p>By modifying opacity you can get even more refined with your colors. Let&#8217;s finish up our button color by modifying its opacity:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>button.color {\n    color: #fff;\n    background-color: rgba(210,105,30, 0.7);\n}<\/pre><\/div>\n\n\n\n<p>With opacity our text reads much better indeed!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/hICG0NnT0BnaGcTVoKxQRr8-D-WiIafdJC7dnHp1ZIH7G7-BVWgfJ1R9h0d_QoRQ0r6x9N53sjkhbggP9vaAOsc2HlW63T_LR2rDNzWJdoF9tJHtS0javfK5CwVA_Ro3uBHIv8Zv\" alt=\"Screen Shot 2020-08-13 at 4 36 23 PM\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"When it comes to making your UI standout, there's nothing like choosing the right color pallette. With this tutorial you'll learn how easy it is to assign colors to elements, fonts, and pretty much anything as you build your UI. To add color, CSS has the color data type, which represents color in the standard&hellip;","protected":false},"author":86,"featured_media":11014,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17287],"tags":[],"class_list":{"0":"post-21233","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-css"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"CSS","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>CSS Colors Tutorial | Career Karma<\/title>\n<meta name=\"description\" content=\"Wanna make your layout stand out? Learn everything regarding applying colors with CSS. Learn CSS with CareerKarma.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/css-colors\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Colors Tutorial\" \/>\n<meta property=\"og:description\" content=\"Wanna make your layout stand out? Learn everything regarding applying colors with CSS. Learn CSS with CareerKarma.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/css-colors\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-15T06:08:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-29T19:31:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/colorful-toothed-wheels-171198.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"563\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Felipe Boh\u00f3rquez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Felipe Boh\u00f3rquez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/\"},\"author\":{\"name\":\"Felipe Boh\u00f3rquez\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\"},\"headline\":\"CSS Colors Tutorial\",\"datePublished\":\"2020-08-15T06:08:08+00:00\",\"dateModified\":\"2020-12-29T19:31:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/\"},\"wordCount\":591,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/colorful-toothed-wheels-171198.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/\",\"name\":\"CSS Colors Tutorial | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/colorful-toothed-wheels-171198.jpg\",\"datePublished\":\"2020-08-15T06:08:08+00:00\",\"dateModified\":\"2020-12-29T19:31:16+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\"},\"description\":\"Wanna make your layout stand out? Learn everything regarding applying colors with CSS. Learn CSS with CareerKarma.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/colorful-toothed-wheels-171198.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/colorful-toothed-wheels-171198.jpg\",\"width\":1000,\"height\":563},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-colors\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"CSS Colors Tutorial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\",\"name\":\"Felipe Boh\u00f3rquez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"caption\":\"Felipe Boh\u00f3rquez\"},\"description\":\"Felipe Boh\u00f3rquez is a Software Engineer and technical writer at Career Karma. He covers all things frontend and backend development.\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/felipe-bohorquez\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"CSS Colors Tutorial | Career Karma","description":"Wanna make your layout stand out? Learn everything regarding applying colors with CSS. Learn CSS with CareerKarma.","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:\/\/careerkarma.com\/blog\/css-colors\/","og_locale":"en_US","og_type":"article","og_title":"CSS Colors Tutorial","og_description":"Wanna make your layout stand out? Learn everything regarding applying colors with CSS. Learn CSS with CareerKarma.","og_url":"https:\/\/careerkarma.com\/blog\/css-colors\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-08-15T06:08:08+00:00","article_modified_time":"2020-12-29T19:31:16+00:00","og_image":[{"width":1000,"height":563,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/colorful-toothed-wheels-171198.jpg","type":"image\/jpeg"}],"author":"Felipe Boh\u00f3rquez","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Felipe Boh\u00f3rquez","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/css-colors\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/css-colors\/"},"author":{"name":"Felipe Boh\u00f3rquez","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220"},"headline":"CSS Colors Tutorial","datePublished":"2020-08-15T06:08:08+00:00","dateModified":"2020-12-29T19:31:16+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-colors\/"},"wordCount":591,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-colors\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/colorful-toothed-wheels-171198.jpg","articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/css-colors\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/css-colors\/","url":"https:\/\/careerkarma.com\/blog\/css-colors\/","name":"CSS Colors Tutorial | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-colors\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-colors\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/colorful-toothed-wheels-171198.jpg","datePublished":"2020-08-15T06:08:08+00:00","dateModified":"2020-12-29T19:31:16+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220"},"description":"Wanna make your layout stand out? Learn everything regarding applying colors with CSS. Learn CSS with CareerKarma.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/css-colors\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/css-colors\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/css-colors\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/colorful-toothed-wheels-171198.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/colorful-toothed-wheels-171198.jpg","width":1000,"height":563},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/css-colors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS","item":"https:\/\/careerkarma.com\/blog\/css\/"},{"@type":"ListItem","position":3,"name":"CSS Colors Tutorial"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220","name":"Felipe Boh\u00f3rquez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","caption":"Felipe Boh\u00f3rquez"},"description":"Felipe Boh\u00f3rquez is a Software Engineer and technical writer at Career Karma. He covers all things frontend and backend development.","url":"https:\/\/careerkarma.com\/blog\/author\/felipe-bohorquez\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/21233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=21233"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/21233\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/11014"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=21233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=21233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=21233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}