色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#673d3f
データ
赤
103
緑
61
青
63
色相
357°
白
24%
黒
60%
彩度
26%
明度
32%
輝度
29%
色調 = 灰色がかった
色相 = 357°
3桁
#755
#754
#753
#745
#744
#743
#735
#734
#733
#655
#654
#653
#645
#644
#643
#635
#634
#633
#555
#554
#553
#545
#544
#543
#535
#534
#533
名前付き
darkolivegreen
saddlebrown
dimgray
darkslategray
sienna
brown
darkslateblue
firebrick
olivedrab
rebeccapurple
maroon
purple
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-355 : 2
-350 : 7
-345 : 12
-330 : 27
-315 : 42
-300 : 57
-285 : 72
-270 : 87
-255 : 102
-240 : 117
-225 : 132
-210 : 147
-195 : 162
-180 : 177
-165 : 192
-150 : 207
-135 : 222
-120 : 237
-105 : 252
-90 : 267
-75 : 282
-60 : 297
-45 : 312
-30 : 327
-15 : 342
-10 : 347
-5 : 352
-2 : 355
±0 : 357
+2 : 359
彩度
+74 : 100
+70 : 96
+66 : 92
+62 : 88
+58 : 84
+54 : 80
+50 : 76
+46 : 72
+42 : 68
+38 : 64
+34 : 60
+30 : 56
+26 : 52
+24 : 50
+22 : 48
+18 : 44
+14 : 40
+10 : 36
+6 : 32
+3 : 29
+2 : 28
±0 : 26
-2 : 24
-3 : 23
-6 : 20
-10 : 16
-14 : 12
-18 : 8
-22 : 4
-26 : 0
明度
+68 : 100
+64 : 96
+60 : 92
+56 : 88
+52 : 84
+48 : 80
+44 : 76
+40 : 72
+36 : 68
+32 : 64
+28 : 60
+24 : 56
+20 : 52
+18 : 50
+16 : 48
+12 : 44
+8 : 40
+4 : 36
+3 : 35
+2 : 34
±0 : 32
-2 : 30
-3 : 29
-4 : 28
-8 : 24
-12 : 20
-16 : 16
-20 : 12
-24 : 8
-28 : 4
-32 : 0
白
-24 : 0
-20 : 4
-16 : 8
-12 : 12
-8 : 16
-4 : 20
-3 : 21
-2 : 22
±0 : 24
+2 : 26
+3 : 27
+4 : 28
+8 : 32
+12 : 36
+16 : 40
+20 : 44
+24 : 48
+26 : 50
+28 : 52
+32 : 56
+36 : 60
+40 : 64
+44 : 68
+48 : 72
+52 : 76
+56 : 80
+60 : 84
+64 : 88
+68 : 92
+72 : 96
+76 : 100
黒
-60 : 0
-56 : 4
-52 : 8
-48 : 12
-44 : 16
-40 : 20
-36 : 24
-32 : 28
-28 : 32
-24 : 36
-20 : 40
-16 : 44
-12 : 48
-10 : 50
-8 : 52
-4 : 56
-3 : 57
-2 : 58
±0 : 60
+2 : 62
+3 : 63
+4 : 64
+8 : 68
+12 : 72
+16 : 76
+20 : 80
+24 : 84
+28 : 88
+32 : 92
+36 : 96
+40 : 100
赤
+152 : 255
+135 : 238
+118 : 221
+101 : 204
+84 : 187
+67 : 170
+50 : 153
+33 : 136
+16 : 119
+8 : 111
+4 : 107
+2 : 105
+1 : 104
±0 : 103
-1 : 102
-2 : 101
-4 : 99
-8 : 95
-18 : 85
-35 : 68
-52 : 51
-69 : 34
-86 : 17
-103 : 0
緑
+194 : 255
+177 : 238
+160 : 221
+143 : 204
+126 : 187
+109 : 170
+92 : 153
+75 : 136
+58 : 119
+41 : 102
+24 : 85
+8 : 69
+7 : 68
+4 : 65
+2 : 63
+1 : 62
±0 : 61
-1 : 60
-2 : 59
-4 : 57
-8 : 53
-10 : 51
-27 : 34
-44 : 17
-61 : 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
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000