Adobe 13101332 User Guide - Page 439

Working with hexadecimal values for color, Viewing hexadecimal values for colors in the Info palette

Page 439 highlights

Adobe Photoshop Help Using Help | Contents | Index Preparing Graphics for the Web Back 439 Working with hexadecimal values for color You can view colors as hexadecimal values in the Info palette. In addition, you can copy colors as hexadecimal values to the Clipboard and paste them into an HTML document. Viewing hexadecimal values for colors in the Info palette In Photoshop, hexadecimal values for colors are displayed in the Info palette when you select Web Color Mode for one or both color readouts. In ImageReady, hexadecimal values for colors are displayed automatically in the right side of the Info palette, next to RGB color values. The Photoshop and ImageReady Info palettes also display other information, depending on the tool being used. To view hexadecimal color values in the Info palette: 1 Choose Window > Info or click the Info palette tab to view the palette. 2 (Photoshop) Choose Palette Options from the palette menu. Under First Color Readout or Second Color Readout, choose Web Color from the Mode menu and click OK. 3 Position the pointer over the color you want to view hexadecimal values for. Copying colors as hexadecimal values You can copy colors as hexadecimal values from files in Photoshop or ImageReady, using the context menu with the eyedropper tool, or using menu commands. In Photoshop, you copy a color as a hexadecimal value while in the main work area (not the Save for Web dialog box). To copy a color as a hexadecimal value using the eyedropper tool: 1 Select the eyedropper tool in the toolbox. 2 Select a color to copy: • Right-click (Windows) or Control-click (Mac OS) a color in the image to select the color and view the eyedropper tool context menu. • (ImageReady) Click the color in the image which you want to copy.The color you click becomes the foreground color. With the eyedropper tool still over the image, right-click (Windows) or Control-click (Mac OS) to view the eyedropper tool context menu. 3 Choose Copy Color as HTML (Photoshop) or Copy Foreground Color as HTML (ImageReady) from the eyedropper tool context menu. The selected color is copied to the Clipboard as a the HTML COLOR attribute with the hexadecimal value (COLOR=#XXYYZZ). To paste the color into an HTML file, choose Edit > Paste with the HTML file displayed in your HTML editing application. To copy a color as a hexadecimal value using menu commands: 1 Select a color to copy. 2 Copy the color: • Choose Copy Color As HTML from the Color palette menu. • (ImageReady) Choose Edit > Copy Foreground Color as HTML. The foreground color is copied to the Clipboard as the HTML COLOR attribute with the hexadecimal value (COLOR=#XXYYZZ). To paste the color into an HTML file, open a destination application and choose Copy > Paste with the HTML file displayed. Using Help | Contents | Index Back 439

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380
  • 381
  • 382
  • 383
  • 384
  • 385
  • 386
  • 387
  • 388
  • 389
  • 390
  • 391
  • 392
  • 393
  • 394
  • 395
  • 396
  • 397
  • 398
  • 399
  • 400
  • 401
  • 402
  • 403
  • 404
  • 405
  • 406
  • 407
  • 408
  • 409
  • 410
  • 411
  • 412
  • 413
  • 414
  • 415
  • 416
  • 417
  • 418
  • 419
  • 420
  • 421
  • 422
  • 423
  • 424
  • 425
  • 426
  • 427
  • 428
  • 429
  • 430
  • 431
  • 432
  • 433
  • 434
  • 435
  • 436
  • 437
  • 438
  • 439
  • 440
  • 441
  • 442
  • 443
  • 444
  • 445
  • 446
  • 447
  • 448
  • 449
  • 450
  • 451
  • 452
  • 453
  • 454
  • 455
  • 456
  • 457
  • 458
  • 459
  • 460
  • 461
  • 462
  • 463
  • 464
  • 465
  • 466
  • 467
  • 468
  • 469
  • 470
  • 471
  • 472
  • 473
  • 474
  • 475
  • 476
  • 477
  • 478
  • 479
  • 480
  • 481
  • 482
  • 483
  • 484
  • 485
  • 486
  • 487
  • 488
  • 489
  • 490
  • 491
  • 492
  • 493
  • 494
  • 495
  • 496
  • 497
  • 498
  • 499
  • 500
  • 501
  • 502
  • 503
  • 504
  • 505
  • 506
  • 507
  • 508
  • 509
  • 510
  • 511
  • 512
  • 513
  • 514
  • 515
  • 516
  • 517
  • 518
  • 519
  • 520
  • 521
  • 522
  • 523
  • 524
  • 525
  • 526
  • 527
  • 528
  • 529
  • 530
  • 531
  • 532
  • 533
  • 534
  • 535
  • 536
  • 537
  • 538
  • 539
  • 540
  • 541
  • 542
  • 543
  • 544
  • 545
  • 546
  • 547
  • 548
  • 549

U
sing H
elp
|
C
on
t
en
ts
|
Inde
x
B
ack
439
Adobe Photoshop Help
Preparing Graphics for the Web
U
sing H
elp
|
C
on
t
en
ts
|
Inde
x
B
ack
439
Working with hexadecimal values for color
You can view colors as hexadecimal values in the Info palette. In addition, you can copy
colors as hexadecimal values to the Clipboard and paste them into an HTML document.
Viewing hexadecimal values for colors in the Info palette
In Photoshop, hexadecimal values for colors are displayed in the Info palette when you
select Web Color Mode for one or both color readouts. In ImageReady, hexadecimal values
for colors are displayed automatically in the right side of the Info palette, next to RGB color
values. The Photoshop and ImageReady Info palettes also display other information,
depending on the tool being used.
To view hexadecimal color values in the Info palette:
1
Choose Window > Info or click the Info palette tab to view the palette.
2
(Photoshop) Choose Palette Options from the palette menu. Under First Color Readout
or Second Color Readout, choose Web Color from the Mode menu and click OK.
3
Position the pointer over the color you want to view hexadecimal values for.
Copying colors as hexadecimal values
You can copy colors as hexadecimal values from files in Photoshop or ImageReady, using
the context menu with the eyedropper tool, or using menu commands. In Photoshop, you
copy a color as a hexadecimal value while in the main work area (not the Save for Web
dialog box).
To copy a color as a hexadecimal value using the eyedropper tool:
1
Select the eyedropper tool
in the toolbox.
2
Select a color to copy:
Right-click (Windows) or Control-click (Mac OS) a color in the image to select the color
and view the eyedropper tool context menu.
(ImageReady) Click the color in the image which you want to copy. The color you click
becomes the foreground color. With the eyedropper tool still over the image, right-click
(Windows) or Control-click (Mac OS) to view the eyedropper tool context menu.
3
Choose Copy Color as HTML (Photoshop) or Copy Foreground Color as HTML
(ImageReady) from the eyedropper tool context menu.
The selected color is copied to the Clipboard as a the HTML COLOR attribute with the
hexadecimal value (COLOR=#XXYYZZ). To paste the color into an HTML file, choose Edit >
Paste with the HTML file displayed in your HTML editing application.
To copy a color as a hexadecimal value using menu commands:
1
Select a color to copy.
2
Copy the color:
Choose Copy Color As HTML from the Color palette menu.
(ImageReady) Choose Edit > Copy Foreground Color as HTML.
The foreground color is copied to the Clipboard as the HTML COLOR attribute with the
hexadecimal value (COLOR=#XXYYZZ). To paste the color into an HTML file, open a desti-
nation application and choose Copy > Paste with the HTML file displayed.