色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#423f0f
データ
赤
66
緑
63
青
15
色相
56°
白
6%
黒
74%
彩度
63%
明度
16%
輝度
23%
色調 = 暗い灰色がかった
色相 = 56°
3桁
#552
#551
#550
#542
#541
#540
#532
#531
#530
#452
#451
#450
#442
#441
#440
#432
#431
#430
#352
#351
#350
#342
#341
#340
#332
#331
#330
名前付き
darkolivegreen
darkslategray
saddlebrown
darkgreen
forestgreen
maroon
olive
olivedrab
black
green
darkred
sienna
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-45 : 11
-30 : 26
-15 : 41
-10 : 46
-5 : 51
-2 : 54
±0 : 56
+2 : 58
+5 : 61
+10 : 66
+15 : 71
+30 : 86
+45 : 101
+60 : 116
+75 : 131
+90 : 146
+105 : 161
+120 : 176
+135 : 191
+150 : 206
+165 : 221
+180 : 236
+195 : 251
+210 : 266
+225 : 281
+240 : 296
+255 : 311
+270 : 326
+285 : 341
+300 : 356
彩度
+37 : 100
+33 : 96
+29 : 92
+25 : 88
+21 : 84
+17 : 80
+13 : 76
+9 : 72
+5 : 68
+3 : 66
+2 : 65
+1 : 64
±0 : 63
-2 : 61
-3 : 60
-7 : 56
-11 : 52
-13 : 50
-15 : 48
-19 : 44
-23 : 40
-27 : 36
-31 : 32
-35 : 28
-39 : 24
-43 : 20
-47 : 16
-51 : 12
-55 : 8
-59 : 4
-63 : 0
明度
+84 : 100
+80 : 96
+76 : 92
+72 : 88
+68 : 84
+64 : 80
+60 : 76
+56 : 72
+52 : 68
+48 : 64
+44 : 60
+40 : 56
+36 : 52
+34 : 50
+32 : 48
+28 : 44
+24 : 40
+20 : 36
+16 : 32
+12 : 28
+8 : 24
+4 : 20
+3 : 19
+2 : 18
±0 : 16
-2 : 14
-3 : 13
-4 : 12
-8 : 8
-12 : 4
-16 : 0
白
-6 : 0
-3 : 3
-2 : 4
±0 : 6
+2 : 8
+3 : 9
+6 : 12
+10 : 16
+14 : 20
+18 : 24
+22 : 28
+26 : 32
+30 : 36
+34 : 40
+38 : 44
+42 : 48
+44 : 50
+46 : 52
+50 : 56
+54 : 60
+58 : 64
+62 : 68
+66 : 72
+70 : 76
+74 : 80
+78 : 84
+82 : 88
+86 : 92
+90 : 96
+94 : 100
黒
-74 : 0
-70 : 4
-66 : 8
-62 : 12
-58 : 16
-54 : 20
-50 : 24
-46 : 28
-42 : 32
-38 : 36
-34 : 40
-30 : 44
-26 : 48
-24 : 50
-22 : 52
-18 : 56
-14 : 60
-10 : 64
-6 : 68
-3 : 71
-2 : 72
±0 : 74
+2 : 76
+3 : 77
+6 : 80
+10 : 84
+14 : 88
+18 : 92
+22 : 96
+26 : 100
赤
+189 : 255
+172 : 238
+155 : 221
+138 : 204
+121 : 187
+104 : 170
+87 : 153
+70 : 136
+53 : 119
+36 : 102
+19 : 85
+8 : 74
+4 : 70
+2 : 68
+1 : 67
±0 : 66
-1 : 65
-2 : 64
-4 : 62
-8 : 58
-15 : 51
-32 : 34
-49 : 17
-66 : 0
緑
+192 : 255
+175 : 238
+158 : 221
+141 : 204
+124 : 187
+107 : 170
+90 : 153
+73 : 136
+56 : 119
+39 : 102
+22 : 85
+8 : 71
+5 : 68
+4 : 67
+2 : 65
+1 : 64
±0 : 63
-1 : 62
-2 : 61
-4 : 59
-8 : 55
-12 : 51
-29 : 34
-46 : 17
-63 : 0
青
+240 : 255
+223 : 238
+206 : 221
+189 : 204
+172 : 187
+155 : 170
+138 : 153
+121 : 136
+104 : 119
+87 : 102
+70 : 85
+53 : 68
+36 : 51
+19 : 34
+8 : 23
+4 : 19
+2 : 17
+1 : 16
±0 : 15
-1 : 14
-2 : 13
-4 : 11
-8 : 7
-15 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000