Philips hue gradient 65: Lightstrips (Gradient) | Philips Hue US

The best lightstrip to mount on your TV


Conor Cawley

As with most smart lights, it doesn’t get much better than Philips Hue for this lightstrip

You know those gadgets you show your friends when they come over? The ones that make guests ooh-aah at the marvels of modern-day technology? That’s the Philips Hue Play Gradient Lightstrip to a tee. Unlike the standard Philips Hue Gradient Lightstrip, this lightstrip mounts to the back of your TV, and the lights match the content on screen for a truly immersive experience. The good news is it does so with aplomb. It’s a simple setup process for both the hardware and software, it has a very customization-focused interface for specific types of viewing (or gaming), and the cool factor is through the roof.

While the extravagant price is a bit of a turnoff, particularly with the necessary Hue Sync Box to go along with it, the investment is the definition of worth it, especially for anyone looking to improve their home entertainment area significantly. This is one of the best Philips Hue smart light products on the market. Sure, voice activation and color matching aren’t perfect, but it doesn’t have to be to make the Philips Hue Play Gradient Lightstrip the best option for mounting a lightstrip to the back of your TV.

See on Amazon

The Philips Hue Play Gradient Lightstrip is an easy to install, highly customizable lightstrip that impresses on your first watch. The colors are bright, the matching is impressive, and the ease of installation is remarkable. If you want a lightstrip for the back of your TV, you just found it.


  • Integrations: Google Assistant, Alexa, HomeKit
  • Protocol: Zigbee
  • Hub Required: Yes
  • Music Reactive: Yes
  • Service Life: 25,000 hours
  • Voltage: 100V-120V
  • Wattage: 19 W
  • Type: Lightstrip
  • Working Temperature: -4°F to 113°F


  • Easy to set up
  • Extremely customizable
  • Comprehensive mobile app
  • Cool factor through the roof


  • Pretty expensive
  • Imperfect color matching
  • Spotty voice activation

Buy This Product

Right out of the box, the Philips Hue Play Gradient Lightstrip was much sturdier than I expected. This is no flimsy lightstrip. At almost an inch thick and weighing just over two and a half pounds, there is no risk of bending, twisting, or breaking anything. At least not by accident. The robust plastic casing around the lights also adds durability and makes mounting it to your TV easy.

I couldn’t believe how easy it was to mount this lightstrip on my TV. The five plastic mounts have a simple peel-off sticker on the back, making it easy to place them in the four back corners of the TV, with one along the top middle for support. I just eyeballed it, and that worked out pretty well, but the manual recommends some measurements to ensure you aren’t too far off. Once the mounts are stuck to your TV, getting the lightstrip attached is even easier. Just push it in at the marked locations on the strip with the slightest bit of force, and you’re ready to go.

I’m lucky enough to have a TV that matches up perfectly with one of the three available sizes (55-inch, 65-inch, and 75-inch), and if you don’t, that is a problem. Because the lightstrip matches specific TV sections – at 1650 lumens, no less – being just a few inches off can significantly impact the viewing experience.

As for what’s in the box, you’ve already heard about the majority of it. The lightstrip and the five mounts can be found immediately, as well as the power cord and an adapter for international plugs. You will need a Zigbee-powered Hue Bridge to get started, which isn’t ideal if you don’t have one, but if you’re adding a color-matching lightstrip to the back of your TV, there’s a good chance you’ve already got a few Hue smart bulbs floating around your home.

Performance, software, setup

Hue is famous for the quality of its software and performance on its many smart lights, and the Philips Hue Play Gradient Lightstrip is no exception. It works with Google Assistant, Amazon Alexa, and even Apple’s HomeKit. The mobile app experience is straightforward and comprehensive. Plus, the setup process is a lesson in hand-holding ease of use, although it will take some time to get started, which should be expected from such advanced technology.

Perhaps the only downfall is that voice activation functionality. It was not nearly intuitive enough, even for a smart home expert like myself. While the device could easily be turned on with your standard smart light phrase (“Turn on the TV lights”), there was no way to command it to sync with your TV, as far as I could tell. Subsequently, I had to go into the Hue Sync mobile app to connect the lights every time I wanted to watch, which felt like a hassle, but that’s only because I’m very lazy.

Customizability was vital when starting out with the Philips Hue Play Gradient Lightstrip. At first, it was a bit overwhelming. The default settings were way too much to handle, particularly with certain shows like sitcoms that change camera angles often and abruptly. In fact, for a moment, I began to regret my desire to have one of these lights on the back of my TV.

2 Images

However, once I opened the Hue Sync app – which is different from the standard Hue app – I realized that the lightstrip Intensity was set to “Extreme,” which absolutely described how it felt to watch. Once I changed the setting to “Subtle” or even “Moderate”, the experience improved substantially, providing a more fluid viewing experience that didn’t feel like it could activate someone’s epilepsy. The mobile app also has three sync modes – video, music, and game – which is how I discovered that the Extreme setting is primarily designed for gaming. For example, it made playing Fall Guys an intense and exciting endeavor.

All in all, the cool factor contributed significantly to how much I enjoyed the Philips Hue Play Gradient Lightstrip. I was in the middle of rewatching Game of Thrones when I first installed it, and particularly with a show like that, which changes from beautiful locations like Dorne to barren landscapes like Winterfell, I was in awe at how much it added to the viewing experience. Sure, sitcoms aren’t ideal for it because of the bright lighting and abrupt camera changes, but in an era filled with movies defined by their groundbreaking cinematography, this lightstrip is a serious must.

3 Images

You’ll need a Philips Hue Sync Box

You may be wondering how a simple gradient lightstrip could be equipped to not only display beautiful colors but also match the content on your TV. The answer is, it’s not. Along with the Philips Hue Play Gradient Lightstrip, you’ll also have to buy the Hue Sync Box, a small black box with four HDMI ports and a single HDMI cable to connect to your TV. This will enable your lightstrip to connect to your TV, adding another hub to your Hue ecosystem.

This is why the Philips Hue Play Gradient Lightstrip is so expensive: you can’t just buy it on its own to utilize the TV functionality. The $250 price for the lights is intimidating enough, but when you add on the fact that you need to buy the Philips Hue Sync Box as well, which also costs $250, you’re looking at a $500 investment to get these lights setup. You really can’t do much better, though, so if you want the best of the best, that investment is the price of admission. Plus, you get four HDMIT ports, which is a nice perk for those of us with only three.

Fortunately, setup is pretty easy, although you will have to get up from the couch to get within inches of the device with your phone, a small effort that is obviously worth it. The result is some truly impressive color matching that rarely lags at all and only occasionally suffers a brief connection issue when switching between particularly different settings.

The color matching did seem a tad off at times, opting for orange over an obvious yellow. The finale of Severance, for example, had some wild color effects that blended together almost too well, confusing blue and purple through the fluid motion. Still, this is barely noticeable if you aren’t looking for it, and it’s easily fixable thanks to the robust customizability.

Spoiler alert for later episodes of Apple TV’s Severance in the clip below

Should you buy it?

Absolutely. If the price isn’t too much of a burden, and you’re in the market for a lightstrip to mount on the back of your TV, there is no denying that the Philips Hue Play Gradient Lightstrip is one of the best options out there. The easy setup process, the robust customizability, and the significant cool factor have made it one of my favorite tech products around the house. And these pros outweigh the cons substantially, with a lack of voice activation and occasionally imperfect color matching registering as slight inconveniences at worst.

Remember, though; the Philips Hue Play Gradient Lightstrip is specifically designed to be mounted on the back of your TV. If you’re looking for a lightstrip to attach to a wall or piece of furniture, you will want to go with the standard Philips Hue Gradient Lightstrip (without the word Play in the title). It has the same color effects and can sync with some devices, but it’s not designed for the back of your TV.

Buy it if…

  • You need a color-matching lightstrip for the back of your TV
  • You’ve got some expendable income

Don’t buy it if…

  • You don’t have a 55-inch, 65-inch, or 75-inch TV
  • You’re not looking for a fun gadget


Q: How does the Philips Hue Play Gradient Lightstrip compare to the Philips Hue Gradient Lightstrip?

The Philips Hue Play Gradient Lightstrip is specifically designed to be mounted to the back of your TV, whereas the Philips Hue Gradient Lightstrip is a general-purpose lightstrip for pretty much anything else. Both are capable of color-matching technology depending on the device you use and both are excellent examples of the technology.

Subscribe to our newsletter

Related Topics

  • Smart Home
  • Reviews
  • review
  • philips hue
  • Gradient Lightstrip Ambiance
  • Philips Hue Hub
  • Philips Hue Lightstrip

About The Author

Conor has been staunchly in favor of Android since graduating to a smartphone from his hot pink Motorola RAZR. In fact, he’ll gladly ruin a friendly dinner in service of lambasting Apple devices to those that use them, which he admits is one of his worst personality traits. After being talked out of sports writing by someone working for ESPN Chicago (“it’s the same thing every year, it’s like purgatory”), Conor decided that the ever-evolving world of tech would be a much more interesting topic to focus on. Now, more than half a decade later, he covers everything from new devices and big conferences to small startups and business trends. In addition to freelancing for Android Police, Conor is the Lead Writer for, a tech publication focused on helping small businesses grow and succeed. He’s worked with the likes of Forbes, WeWork, General Assembly, Chase Bank, Tech in Motion, and SXSW, among others, through in service of making tech a bit more accessible. Conor also can’t properly pronounce the word “colloquially,” but honestly, who can?

Philips Hue Play Gradient Lightstrip (65″) Ambient TV backlight at Crutchfield

Ambient TV backlight (65″)

Item # 945560417

This light strip is designed to be attached to the back of your TV for gaming or movie night ambience.

Philips Hue Play Gradient Lightstrip – Front

Philips Hue Play Gradient Lightstrip

Philips Hue Play Gradient Lightstrip

Philips Hue Play Gradient Lightstrip – Ambient immersion with what’s on your screen

Philips Hue Play Gradient Lightstrip – Light reacts to action on your screen for extra-immersive gaming

Philips Hue Play Gradient Lightstrip

Philips Hue Play Gradient Lightstrip

Philips Hue Play Gradient Lightstrip

This light strip is designed to be attached to the back of your TV for gaming or movie night ambience.

1 question

– 1 answer

Item # 945560417

-$54.00 Instant savings Instant savings ends tomorrow


By buying this product you’ll earn up to 216 Rewards

When you sign up for a Crutchfield account, you’ll be enrolled in Crutchfield Rewards.
Earn one point for every dollar you spend on gear from us.
Use your Rewards Points to pay for future purchases.

Sign up for a Crutchfield account

*Please note: Rewards Points cannot be used when paying with Apple Pay or PayPal Express

  • Overview
  • Reviews
  • Details
  • Accessories
  • Q&A
  • Articles

by Crutchfield’s
Ned O.

Dynamic light for your TV

The Philips Hue Play Gradient Lightstrip gives you color-changing ambient light that can mimic and extend what’s on your TV screen.


Dynamic light for your TV

Mounted on the back of your TV, the Gradient turns your walls into an extension of your screen.

The Philips Hue Play Gradient Lightstrip gives you color-changing ambient light that can mimic and extend what’s on your TV screen.

The possibilities and the Gradient’s capability to react are endless. The glare of explosions reaches beyond the confines of your TV. Your home theater takes on the same ambience as the dimly lit cafe on the screen.

Game on

Gamers can immerse themselves in the strange glow of virtual worlds, the brightness of the stadium, the hot western sun — wherever the game takes you.

The light strip can also be set to react to music. Sync it with other Hue color-changing lights in a group and you can throw a legitimate dance party.

Dual app control

This light strip requires a Philips Hue Bridge and can be controlled with the Philips Hue app. But if you want the Gradient to react to your content, you’ll also need the Philips Hue Play HDMI Sync Box and the Philips Hue Sync app. You’ll create a new “entertainment area” in the Hue app and control light automation parameters with the Sync app.

Made for TV

The light strip mounts to the back of your TV with the included brackets. Stick the adhesive-backed clips onto your TV — it helps to lay it flat on the floor for installation — then fit the light strip into the channels following the included instructions. The Gradient will cover three out of four sides behind your screen — top, left, and right.


Product highlights:

  • ambient, reactive light strip for TVs 65″-70″
  • easy to mount with the included adhesive-backed clips
  • millions of tunable colors
  • white color temperature: 2000-6500K
  • requires Philips Hue Bridge
  • Philips Hue Play HDMI Sync Box required to sync light strip with TV
  • control with Philips Hue Sync app and Philips Hue app
  • compatible with:
    • Amazon Alexa
    • Google Assistant
    • Apple HomeKit (Siri)
  • 20 watts
  • adjustable brightness up to 1100 lumens
  • rated for approximately 25,000 hours of use
  • 5/8″W x 5/8″H x 100″L
  • warranty: 2 years
  • Our 60-day money-back guarantee
  • MFR # 560417

What’s in the box:

Philips Hue Play Gradient Lightstrip owner’s manual

  • 9′-2″ Lightstrip for 65″ TV with 6″ pigtail (4-pin connector)
  • AC adapter with DC barrel output (DC output: 24V 0. 83A)
  • 2-Prong AC plug adapter
  • 59″ DC power cord (barrel connectors on both ends)
  • Wi-Fi light controller (DC barrel connector on one end and 4-pin connector on other end)
  • 2 Adhesive-backed corner mounting clips
  • 3 Adhesive-backed straight mounting clips
  • Installation Guide (A)
  • Safety Instruction (B)

Loading reviews…

Philips Hue Play Gradient Lightstrip reviews

Average review:

6 reviews

Thanks for submitting your review

Most reviews are processed and published within 5 business days. You will receive a confirmation email once your review has been published.

Thank you for submitting your review!

It may take up to a week for your review to appear.

Filter by rating


Customer photos

Sort reviews

Verified customer (What’s this?)

Verified employee review (What’s this?)

Reviewed on Samsung. com

This review was collected as part of a promotion






Researched by Crutchfield’s Mark G.

Product Research


Overview: The Philips Hue Play Gradient Lightstrip enhances your TV and movie watching experience by surrounding your TV screen with color that is synchronized with the action on the screen. The flexible lightstrip mounts to the rear of your TV with the included adhesive-backed clips and creates a unique lighting effect behind your TV. The Play Gradient Lightstrip requires a wireless connection to the Hue Bridge (sold separately, or included in a Hue Starter Kit), and the Play HDMI Sync Box. You’ll also need to download the free Hue Sync app for desktop or mobile devices. This Play Gradient Lightstrip is designed for 65″ TVs and larger. Lightstrips are also available for 55″ and 75″ TVs.

Gradient Lightstrip: The Gradient Lightstrip is “quarter round” shaped (0.6″ x 0.6″) and 110″ in length with a 6″ power pigtail. It mounts across the top and down each side of the TV and projects colored light onto the wall behind. Unlike the Hue Lightstrip Plus, which can illuminate only one color at a time, the Gradient Lightstrip can produce multiple colors simultaneously, and blend colors together so they flow naturally into one another. The strip’s pigtail plugs into the Wi-Fi controller, and is powered by the included 20-watt power supply. The controller wirelessly connects to the Hue Bridge and HDMI Sync Box which synchronizes the colors to the content on the screen.

Installation: The Gradient Lightstrip comes with five 3M adhesive-backed mounting clips to attach the strip to the back of your TV. Two of the clips are designed for the upper corners, while the straight clips are for the top center and lower left and right corners (ends). You should avoid covering up the speakers or ventilation slots on the back of the TV. The end with the controller/power connection should be installed on the lower right corner in order for the light colors to match the colors on the screen.

Philips Hue Sync Mobile App: The special Hue Sync mobile app (different from the regular Philips Hue app) helps you set up, configure, and use the Play Gradient Lightstrip and the Play HDMI Sync Box. In the app, you can sync up to 10 color-capable Hue lights, control the brightness and speed of the light effects, and switch between video, game, and audio modes. The Hue Sync desktop app does not work with the Play HDMI Sync Box–you must use the Hue Sync mobile app. The Hue Sync app is available for free download for Apple iPhone/iPad/iPod touch with iOS 12.0 or later, and Android devices running version 7.0 and up.

Voice Control: The Philips Hue Play Gradient Lightstrip can be controlled by voice commands through your favorite Virtual Assistant. The lightstrip is compatible with Siri (Apple HomeKit), Amazon Alexa, and Google Assistant.

Loading accessories…

1 question already asked


Please reach out to our advisors via online chat or phone at 1-800-324-9695. They’ll be happy to help with a specific situation such as this.

[ ZACHARY  Mar 01, 2023 ]  Staff

Loading articles…


Compare the sound


Patented Virtual Audio technology

Virtual audio technology allows you to compare sonic characteristics between speakers so you can make a more informed shopping decision.

To get started

Select your brand of headphones below.


Please turn active noise cancelling off for best results

Don’t see your headphones?
Rent our Listening Kit

SpeakerCompare is protected by patents and patent applications owned by Crutchfield Corporation.


Patented Virtual Audio technology

Audition speakers before you buy

SpeakerCompare simulates the sound of home and car speakers through your headphones. It lets you compare sonic characteristics between speakers so that you can make a more informed shopping decision.

To get started

Select your brand of headphones in the right-hand column.

If your headphones aren’t listed, we recommend using our Listening Kit.

SpeakerCompare is protected by patents and patent applications owned by Crutchfield Corporation.






What to listen for

Track notes

Please turn active noise cancelling off for best results

We’re here to help

For free personalized advice, call 1-888-291-8923. Our Advisors have listened to most of the speakers we carry, and can help you make the best choice for your system.

We’d love to know what you think

Select your headphones


Please turn active noise cancelling off for best results

Don’t see your headphones?
Rent our Listening Kit

Select a track to start listening

Audition speakers before you buy

SpeakerCompare simulates the sound of home and car speakers through your headphones. It lets you compare sonic characteristics between speakers so that you can make a more informed shopping decision.

Why selecting your headphones is important

SpeakerCompare tailors your listening experience to the exact headphones you have, so that what you hear is comparable to auditioning speakers side-by-side in person. Knowing which model headphones you’re using lets us remove any sonic coloring from your experience.

Two different listening modes

In an actual listening room, you’d find that some speakers play louder than others when fed the same amount of power. In equal power mode, you’ll hear these differences in loudness as they naturally occur between speakers.

In equal volume mode, we’ve made the loudness of each speaker about the same. This gives you a more direct comparison of subtle voicing differences between speakers.

Nothing beats listening to speakers in your space

SpeakerCompare gives you a sense of the sonic differences. But performance in the real world is affected by the acoustics of your car or home, your choice of amplification, and your source material. We still believe that the gold standard for auditioning speakers is hearing them in your own environment — that’s why we offer a 60-day money-back guarantee.

Our Listening Kit

To help you choose the right speakers, we recommend using Crutchfield’s SpeakerCompare Listening Kit. It includes a pair of studio-quality headphones, and a guide to getting the most out of your session, and a few other necessary items. We’ve carefully chosen the components of this kit to ensure a crystal-clear listening experience. It’s available for a nominal rental fee, and includes a $25 Crutchfield merchandise credit.

Request a kit

Rate your experience with SpeakerCompare

Thank you for your feedback!

We’d love to know what you think

Rate your experience with SpeakerCompare

Don’t show this again

Thank you for your feedback!

Applying gradients in Adobe InDesign

User’s Guide


  1. InDesign User Guide
  2. InDesign Basics
    1. Introduction to InDesign
      1. What’s New in InDesign
      2. System requirements
      3. General
      4. Using Creative Cloud Libraries
    2. Working environment
      1. Working environment basics
      2. Workspace setup in InDesign
      3. Toolbox
      4. Parameter setting
      5. Working environment “Touch control”
      6. Default key combinations
      7. Document recovery and cancellation
  3. Creating and arranging documents
    1. Documents and pages
      1. Creating documents
      2. Working with master pages
      3. Working with multiple documents
      4. Set the page size, margin or issue area
      5. Working with files and templates
      6. Creating book files
      7. Adding basic pagination
      8. Numbering of pages, chapters and sections
      9. Converting QuarkXPress and PageMaker documents
      10. Sharing content
      11. Basic Workflows with Managed Files
      12. Saving documents
    2. Nets
      1. Nets
      2. Grid formatting
    3. Layout Tools
      1. Rulers
      2. Align and distribute objects using rulers
      3. Measuring objects with the Measure tool
  4. Add content
    1. Text
      1. Add text to frames
      2. Linking text boxes
      3. Arabic and Hebrew options in InDesign
      4. Creating text along a path
      5. Markers and numbering
      6. Glyphs and special characters
      7. Text layout
      8. Text variables
      9. Creation of QR codes
      10. Text editing
      11. Text alignment
      12. Wrap text around objects
      13. Linked objects
      14. Related content
      15. Paragraph formatting
      16. Character formatting
    2. Typography
      1. Using fonts in InDesign
      2. Kerning and tracking
    3. Text formatting
      1. Text formatting
      2. Working with style packs
      3. Tabs and indents
    4. Review text
      1. Track and review changes
      2. Add editorial notes in InDesign
      3. Import comments of a PDF file
    5. Spell checker and language dictionaries
      1. Spell checker, autocorrect and dynamic spell checker
      2. Creating, adding and managing dictionaries and words
      3. Changing dictionary settings
      4. Duden Dictionary
    6. Adding links
      1. Creating a table of contents
      2. Footnotes
      3. Create pointer
      4. Endnotes
      5. Signatures
    7. Styles
      1. Paragraph and character styles
      2. Mapping, exporting, and organizing styles
      3. Object styles
      4. Drop caps and nested styles
      5. Working with styles
      6. Leading
    8. Tables
      1. Formatting tables
      2. Creating tables
      3. Table and cell styles
      4. Selecting and editing tables
      5. Stroke and fill tables
    9. Interactive functions
      1. Hyperlinks
      2. Dynamic PDF documents
      4. Buttons
      5. Forms
      6. Animation
      7. Cross references
      8. Structuring PDF documents
      9. Page transitions
      10. Audio and video
    10. Graphic objects
      1. Introduction to paths and shapes
      2. Drawing with the Pencil Tool
      3. Drawing with the pen tool
      4. Apply line parameters (dash)
      5. Compound paths and shapes
      6. Edit contours
      7. Clipping paths
      8. Changing angle parameters
      9. Frames and objects
      10. Alignment and distribution of objects
      11. Related and embedded graphics
      12. AEM Resource Integration
    11. Color and transparency
      1. Color application
      2. Using colors from imported graphics
      3. Working with color swatches
      4. Color mixing
      5. Shades
      6. Spot and process color basics
      7. Overlay colors
      8. Gradients
      9. Flattening a transparent graphic
      10. Adding transparency effects
  5. Find and replace
    1. Find and replace text
    2. Find and replace fonts
    3. Finding and replacing glyphs
    4. Search and replace using GREP 9 expressions and queries0009
    5. Finding and replacing objects
    6. Find and replace colors
    7. Find and replace parameters
  6. Sharing
    1. Working with InDesign cloud documents
    2. Cloud documents in InDesign | Frequently Asked Questions
    3. Sharing and collaboration
    4. Submit for editing
    5. Checking a published InDesign document
    6. Feedback management
  7. Publication
    1. Hosting, exporting and publishing
      1. Online publishing
      2. Online Publishing Panel
      3. Copying and pasting graphic objects
      4. Export content to EPUB format
      5. Adobe PDF Options
      6. Export content to HTML format
      7. Export to Adobe PDF
      8. Export to JPEG format
      9. Export to HTML
      10. Overview of DPS and AEM Mobile
      11. Supported file formats
    2. Printing
      1. Booklet printing
      2. Marks and bleed
      3. Printing documents
      4. Inks, color plates and screen lines
      5. Overlay
      6. Creating PostScript and EPS files
      7. Preflight files before sending
      8. Printing miniatures or large documents
      9. Preparing PDF files for service providers
      10. Preparation for printing plates
  8. InDesign Extension
    1. Automation
      1. Data Merge
      2. Plug-ins
      3. Capture extension in InDesign
      4. Scenario development
  9. Troubleshooting
    1. Corrected errors
    2. Crash at startup
    3. Settings folder error: read-only
    4. Troubleshooting file problems
    5. Unable to export to PDF
    6. Restoring InDesign documents

About gradients

A gradient is a graduated transition between two or more colors or two shades of the same color. Color separation of gradients depends on the output device used.

Gradients can include paper color, process colors, spot colors, or spot colors using any color mode. Gradients are defined by a set of color nodes in the Gradient Picker. Gradient node point is the point where the gradient transitions from one color to another, it is indicated by a colored square under the gradient selection palette. By default, the gradient is created using two colors and the middle transition point at 50%.


When you create a gradient using colors in different modes and then print or separate the gradient, all colors are converted to CMYK process colors. Colors may be distorted due to the use of different color modes. For best results, define gradients using CMYK colors.

Creating a gradient swatch

You can create, name, and edit gradients using the Swatches panel, just as you would with solid colors and tints. You can also create unnamed gradients using the Gradient panel.

  1. Choose New Gradient Swatch from the Swatches panel menu.

  2. In the Pattern Name field, enter a name for the gradient.

  3. In the Type field, select either Linear or Radial.

  4. Select the first color stop of the gradient.

    First color stop

  5. For the Gradient Node Color field, do one of the following:

    • To select a color that is already in the Swatches panel, select Swatches and select a color from the list.

    • To blend the new unnamed color for the gradient, select a color mode and enter color values, or move the sliders to the desired position.

      Tip . By default, the first color node of the gradient is set to white. To make it transparent, apply the Paper swatch.

  6. To change the last color of the gradient, select the last color stop and repeat step 5.

  7. To adjust the position of the gradient colors, do one of the following:

    • Move the color stops below the gradient picker.

    • Select a color node below the Gradient Picker and enter a Position value to set the position of that color. This position represents the percentage distance to the transition point between the previous and next color.

  8. To change the position of the midpoint between two gradient colors (the point where both colors are 50%), do one of the following:

    • Move the diamond icon above the Gradient Picker.

    • Select the diamond icon above the Gradient Picker and enter a Location value to set the position of this color. This position represents the percentage distance to the transition point between the previous and next color.

  9. Click the OK button or the Add button. The gradient is saved in the Swatches panel with the given name.

Applying an unnamed gradient using the Gradient panel

Although we recommend using the Swatches panel to create and save gradients, you can also work with gradients using the Gradient panel (Window > Color > Gradient “). You may already be familiar with it if you have worked with Adobe Illustrator. You can add the current gradient to the Swatches panel at any time. The Gradient palette is handy for creating an unnamed gradient that you don’t intend to use often.

Palette “Gradient”

A. Gradient Fill B. Gradient Type Menu C. Invert Button D. Color Start Stop E. Mid Stop F. End Stop colors


If you select an object that uses a named gradient, editing that gradient using the Gradient panel will change the color of that object only. To change all occurrences of a named gradient, double-click its swatch in the Swatches panel.

  1. Select the object or objects you want to change.

  2. In the Tools panel or Swatches panel, select the Fill box or Stroke box (if the Gradient Fill box is not visible, choose Show Options from the Gradient panel menu).

  3. To open the Gradient palette, choose Window menu > Color > Gradient, or double-click the Gradient tool in the Tools panel.

  4. To define the starting color for the gradient, click the leftmost color stop below the Gradient Picker, and then do one of the following:

    • Drag a swatch from the Swatches palette onto the color stop.

    • Alt-click (Windows) or Option-click (Mac OS) a color swatch in the Swatches panel.

    • In the Color palette, create a color using the sliders or the color bar.

  5. To define the end color of the gradient, click the rightmost color stop below the gradient picker. Then select the desired color as described for the previous step.

  6. Select Linear or Radial from the Type menu, reposition the colors and midpoint as described in Create a gradient swatch.

  7. To change the angle of the gradient fill, enter a value in the Angle box.

Modify gradients

You can modify gradients by adding colors to create multicolor gradients, and by changing the properties and position of color stops and midpoints. Filling the object to be adjusted with a gradient provides a preview of the result as you make changes to the gradient.


You can modify gradients pasted from Adobe Illustrator provided that the gradient was pasted using the AICB (Adobe Illustrator Clipboard) format. See Inserting Illustrator Art in InDesign. To select the gradient, use the Direct Selection tool.


When you edit a color swatch, all gradient nodes that use that swatch are updated accordingly, changing the look of the gradient.

Add intermediate colors to the gradient

  1. Double-click the gradient swatch in the Swatches palette, or display the Gradient palette.

  2. Click anywhere just below the Gradient Picker to define a new color stop. The new color stop is automatically determined by the color values ​​at the given location within the existing gradient.

  3. Adjust the properties of the new color stop.


    You can also drag a swatch from the Swatches palette onto the Gradient Picker in the Gradient palette to define a new color stop.

Removing an intermediate color from a gradient

  1. Select an intermediate color stop and drag it to the end of the Gradient Picker.

Reverse gradient color sequence

  1. Select a gradient.

  2. In the Gradient panel, click the Invert button.

Adjusting a gradient with the Gradient tools

After applying a gradient fill to an object, you can modify the gradient using the Gradient Swatch tool or the Gradient Feather tool to redraw the fill by dragging along an imaginary line. Using the Gradient tools, you can change the direction of a gradient, change its start and end points, and apply the gradient to multiple objects. The Gradient Feather tool lets you soften the gradient in the direction you drag.

  1. In the Tools panel or Swatches panel, select the Fill box or Stroke box, depending on which part of the image the original gradient was applied to.

  2. Select the Gradient Swatch or Gradient Feather tool and position it at the point where you want to define the start node of the gradient. Drag the mouse over the object in the direction in which the gradient is to be applied. Hold down the Shift key to limit the tool’s movement to a multiple of 45°.

    Dragging the Gradient Feather tool across the gradient gradually softens the colors of the gradient within the drag area.

  3. Release the mouse button when the cursor is over the point where you want to define the end point of the gradient.

Applying a gradient to multiple objects

  1. Make sure all selected objects are already using a gradient.

  2. In the Tools panel, select the Fill box or Stroke box.

  3. Select the Gradient Tool and position it at the point where you want to define the start node of the gradient. Drag the mouse over the object in the direction in which the gradient is to be applied. Hold down the Shift key to limit the tool’s movement to a multiple of 45°.

  4. Release the mouse button when the cursor is over the point where you want to define the end point of the gradient.

Default gradient fill (left) and multi-object gradient (right)


When a compound path with a gradient is selected, you can change the gradient on all subpaths of that path using the Gradient palette without having to use the Gradient tool.

Applying gradients to text

Within a single text frame, you can create multiple gradient text ranges in addition to the default black text and colored text.

Gradient endpoints always snap relative to the bounding box of the gradient path or text frame. Individual text characters display the part of the gradient they are above. When you resize a text frame or make other changes that cause text characters to reflow, the characters redistribute along the gradient and the individual character colors change accordingly.

Working with Gradient Text Characters

A. Underlying gradient fill B. Gradient-applied text characters C. Added text and shifting text position relative to the gradient fill

If you want to adjust the gradient so that its full color range spans a specific range of text characters, you can do this in two ways.

  • Use the Gradient tool to reposition the endpoints of the gradient so that the gradient only covers the characters selected when the gradient was applied.

  • Select the text and convert it to curves (editable paths), then apply a gradient to the resulting curves. The latter option is the most convenient for briefly displaying screen text in its own text frame. The gradient will be permanently anchored to the curves, not the text frame, and the curves will be positioned along with the rest of the text. However, the curves function as a separate sub-image within the text frame, so the text cannot be edited. In addition, font layout options cannot be applied to this section of text; for example, text converted to outlines cannot have word wrap applied.

By default, text that is repositioned changes relative to the gradient applied to it (left). When converting text to curves, the applied gradient moves with the text (right).

For information about converting text curves to paths, see Convert text curves to paths.

Multiple gradients in one text frame

Within a single text frame, you can select multiple ranges of text to apply a unique gradient to each range. Each gradient is applied to a text frame and tracked separately along with the characters highlighted when each gradient is applied. However, the endpoints of the gradient remain anchored to the bounding box of the text frame and not to individual spans of text.

Related content

  • About Printing
  • Changing the color, gradient, or stroke of text

Signing in to your account

To come in

Manage your account

Gradient LED strip and other new additions to the Philips Hue range

Signify is expanding its Philips Hue smart home lighting portfolio. Philips Hue’s new range of LED light strips with gradient technology, table and floor lamps from the Signe family, and colored lamps with new bases, help you create the right mood for any activity, filling your home with a variety of colors.

All devices have a palette of 16 million colors and 50 thousand shades of white, from warm to cold, and work with voice assistants: Alice, Marusya, Sber Salyut, Amazon Alexa and Google Assistant. It is enough for the user to give a command, for example, to ask to dim the lighting or turn on one of the given scenarios, and it will be executed immediately. You can control the new products through the official Philips Hue app – with the help of the Philips Hue Bridge control unit (sold separately), you can connect up to 50 devices at the same time. Without the Philips Hue Bridge, you can control your lighting through the Philips Hue Bluetooth app, which allows you to connect up to 10 devices. New features are available in the application, such as a natural light scenario that simulates the movement of the sun throughout the day, as well as dynamic scenarios in which one color will smoothly transition into another. Devices have advanced dimming capabilities.

Gradient technology allows you to harmoniously mix many shades in one device. Colors blend naturally with each other to create a unique effect. At the same time, both static and dynamic color rendering is available.

A luminaire and floor lamp from the Signe family paint walls in millions of colors with a smooth transition from one shade to another. Designed for background lighting, they can create the right mood for any occasion, whether it’s watching a movie in the evening, reading a book, or simply relaxing after a day’s work. A special diffuser gently distributes the light, creating a comfortable and pleasant atmosphere.

The Signe table lamp and floor lamp will brighten up any interior: they are easy to install on the surface, and the thin, barely visible aluminum body will not distract from the play of light. The devices are available in black and white. The luminaire is 50 cm high and the floor lamp is 125 cm high.