色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#737682
データ
赤
115
緑
118
青
130
色相
228°
白
45%
黒
49%
彩度
6%
明度
48%
輝度
46%
色調 = 灰色がかった
色相 = 228°
3桁
#889
#888
#887
#879
#878
#877
#869
#868
#867
#789
#788
#787
#779
#778
#777
#769
#768
#767
#689
#688
#687
#679
#678
#677
#669
#668
#667
名前付き
gray
slategray
lightslategray
dimgray
cadetblue
steelblue
darkslateblue
rebeccapurple
darkseagreen
rosybrown
slateblue
mediumseagreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-225 : 3
-210 : 18
-195 : 33
-180 : 48
-165 : 63
-150 : 78
-135 : 93
-120 : 108
-105 : 123
-90 : 138
-75 : 153
-60 : 168
-45 : 183
-30 : 198
-15 : 213
-10 : 218
-5 : 223
-2 : 226
±0 : 228
+2 : 230
+5 : 233
+10 : 238
+15 : 243
+30 : 258
+45 : 273
+60 : 288
+75 : 303
+90 : 318
+105 : 333
+120 : 348
彩度
+94 : 100
+90 : 96
+86 : 92
+82 : 88
+78 : 84
+74 : 80
+70 : 76
+66 : 72
+62 : 68
+58 : 64
+54 : 60
+50 : 56
+46 : 52
+44 : 50
+42 : 48
+38 : 44
+34 : 40
+30 : 36
+26 : 32
+22 : 28
+18 : 24
+14 : 20
+10 : 16
+6 : 12
+3 : 9
+2 : 8
±0 : 6
-2 : 4
-3 : 3
-6 : 0
明度
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
白
-45 : 0
-41 : 4
-37 : 8
-33 : 12
-29 : 16
-25 : 20
-21 : 24
-17 : 28
-13 : 32
-9 : 36
-5 : 40
-3 : 42
-2 : 43
-1 : 44
±0 : 45
+2 : 47
+3 : 48
+5 : 50
+7 : 52
+11 : 56
+15 : 60
+19 : 64
+23 : 68
+27 : 72
+31 : 76
+35 : 80
+39 : 84
+43 : 88
+47 : 92
+51 : 96
+55 : 100
黒
-49 : 0
-45 : 4
-41 : 8
-37 : 12
-33 : 16
-29 : 20
-25 : 24
-21 : 28
-17 : 32
-13 : 36
-9 : 40
-5 : 44
-3 : 46
-2 : 47
-1 : 48
±0 : 49
+1 : 50
+2 : 51
+3 : 52
+7 : 56
+11 : 60
+15 : 64
+19 : 68
+23 : 72
+27 : 76
+31 : 80
+35 : 84
+39 : 88
+43 : 92
+47 : 96
+51 : 100
赤
+140 : 255
+123 : 238
+106 : 221
+89 : 204
+72 : 187
+55 : 170
+38 : 153
+21 : 136
+8 : 123
+4 : 119
+2 : 117
+1 : 116
±0 : 115
-1 : 114
-2 : 113
-4 : 111
-8 : 107
-13 : 102
-30 : 85
-47 : 68
-64 : 51
-81 : 34
-98 : 17
-115 : 0
緑
+137 : 255
+120 : 238
+103 : 221
+86 : 204
+69 : 187
+52 : 170
+35 : 153
+18 : 136
+8 : 126
+4 : 122
+2 : 120
+1 : 119
±0 : 118
-1 : 117
-2 : 116
-4 : 114
-8 : 110
-16 : 102
-33 : 85
-50 : 68
-67 : 51
-84 : 34
-101 : 17
-118 : 0
青
+125 : 255
+108 : 238
+91 : 221
+74 : 204
+57 : 187
+40 : 170
+23 : 153
+8 : 138
+6 : 136
+4 : 134
+2 : 132
+1 : 131
±0 : 130
-1 : 129
-2 : 128
-4 : 126
-8 : 122
-11 : 119
-28 : 102
-45 : 85
-62 : 68
-79 : 51
-96 : 34
-113 : 17
-130 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000