色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#469b70
データ
赤
70
緑
155
青
112
色相
150°
白
27%
黒
39%
彩度
38%
明度
44%
輝度
49%
色調 = 鈍い
色相 = 150°
3桁
#5a8
#5a7
#5a6
#598
#597
#596
#588
#587
#586
#4a8
#4a7
#4a6
#498
#497
#496
#488
#487
#486
#3a8
#3a7
#3a6
#398
#397
#396
#388
#387
#386
名前付き
mediumseagreen
seagreen
cadetblue
slategray
dimgray
gray
lightslategray
steelblue
lightseagreen
darkcyan
teal
limegreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-150 : 0
-135 : 15
-120 : 30
-105 : 45
-90 : 60
-75 : 75
-60 : 90
-45 : 105
-30 : 120
-15 : 135
-10 : 140
-5 : 145
-2 : 148
±0 : 150
+2 : 152
+5 : 155
+10 : 160
+15 : 165
+30 : 180
+45 : 195
+60 : 210
+75 : 225
+90 : 240
+105 : 255
+120 : 270
+135 : 285
+150 : 300
+165 : 315
+180 : 330
+195 : 345
彩度
+62 : 100
+58 : 96
+54 : 92
+50 : 88
+46 : 84
+42 : 80
+38 : 76
+34 : 72
+30 : 68
+26 : 64
+22 : 60
+18 : 56
+14 : 52
+12 : 50
+10 : 48
+6 : 44
+3 : 41
+2 : 40
±0 : 38
-2 : 36
-3 : 35
-6 : 32
-10 : 28
-14 : 24
-18 : 20
-22 : 16
-26 : 12
-30 : 8
-34 : 4
-38 : 0
明度
+56 : 100
+52 : 96
+48 : 92
+44 : 88
+40 : 84
+36 : 80
+32 : 76
+28 : 72
+24 : 68
+20 : 64
+16 : 60
+12 : 56
+8 : 52
+6 : 50
+4 : 48
+3 : 47
+2 : 46
±0 : 44
-2 : 42
-3 : 41
-4 : 40
-8 : 36
-12 : 32
-16 : 28
-20 : 24
-24 : 20
-28 : 16
-32 : 12
-36 : 8
-40 : 4
-44 : 0
白
-27 : 0
-23 : 4
-19 : 8
-15 : 12
-11 : 16
-7 : 20
-3 : 24
-2 : 25
±0 : 27
+1 : 28
+2 : 29
+3 : 30
+5 : 32
+9 : 36
+13 : 40
+17 : 44
+21 : 48
+23 : 50
+25 : 52
+29 : 56
+33 : 60
+37 : 64
+41 : 68
+45 : 72
+49 : 76
+53 : 80
+57 : 84
+61 : 88
+65 : 92
+69 : 96
+73 : 100
黒
-39 : 0
-35 : 4
-31 : 8
-27 : 12
-23 : 16
-19 : 20
-15 : 24
-11 : 28
-7 : 32
-3 : 36
-2 : 37
±0 : 39
+1 : 40
+2 : 41
+3 : 42
+5 : 44
+9 : 48
+11 : 50
+13 : 52
+17 : 56
+21 : 60
+25 : 64
+29 : 68
+33 : 72
+37 : 76
+41 : 80
+45 : 84
+49 : 88
+53 : 92
+57 : 96
+61 : 100
赤
+185 : 255
+168 : 238
+151 : 221
+134 : 204
+117 : 187
+100 : 170
+83 : 153
+66 : 136
+49 : 119
+32 : 102
+15 : 85
+8 : 78
+4 : 74
+2 : 72
+1 : 71
±0 : 70
-1 : 69
-2 : 68
-4 : 66
-8 : 62
-19 : 51
-36 : 34
-53 : 17
-70 : 0
緑
+100 : 255
+83 : 238
+66 : 221
+49 : 204
+32 : 187
+15 : 170
+8 : 163
+4 : 159
+2 : 157
+1 : 156
±0 : 155
-1 : 154
-2 : 153
-4 : 151
-8 : 147
-19 : 136
-36 : 119
-53 : 102
-70 : 85
-87 : 68
-104 : 51
-121 : 34
-138 : 17
-155 : 0
青
+143 : 255
+126 : 238
+109 : 221
+92 : 204
+75 : 187
+58 : 170
+41 : 153
+24 : 136
+8 : 120
+7 : 119
+4 : 116
+2 : 114
+1 : 113
±0 : 112
-1 : 111
-2 : 110
-4 : 108
-8 : 104
-10 : 102
-27 : 85
-44 : 68
-61 : 51
-78 : 34
-95 : 17
-112 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000