色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#656a2a
データ
赤
101
緑
106
青
42
色相
65°
白
16%
黒
58%
彩度
43%
明度
29%
輝度
38%
色調 = 暗い
色相 = 65°
3桁
#773
#772
#771
#763
#762
#761
#753
#752
#751
#673
#672
#671
#663
#662
#661
#653
#652
#651
#573
#572
#571
#563
#562
#561
#553
#552
#551
名前付き
darkolivegreen
olivedrab
olive
saddlebrown
dimgray
sienna
darkslategray
forestgreen
seagreen
brown
gray
darkgoldenrod
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-60 : 5
-45 : 20
-30 : 35
-15 : 50
-10 : 55
-5 : 60
-2 : 63
±0 : 65
+2 : 67
+5 : 70
+10 : 75
+15 : 80
+30 : 95
+45 : 110
+60 : 125
+75 : 140
+90 : 155
+105 : 170
+120 : 185
+135 : 200
+150 : 215
+165 : 230
+180 : 245
+195 : 260
+210 : 275
+225 : 290
+240 : 305
+255 : 320
+270 : 335
+285 : 350
彩度
+57 : 100
+53 : 96
+49 : 92
+45 : 88
+41 : 84
+37 : 80
+33 : 76
+29 : 72
+25 : 68
+21 : 64
+17 : 60
+13 : 56
+9 : 52
+7 : 50
+5 : 48
+3 : 46
+2 : 45
+1 : 44
±0 : 43
-2 : 41
-3 : 40
-7 : 36
-11 : 32
-15 : 28
-19 : 24
-23 : 20
-27 : 16
-31 : 12
-35 : 8
-39 : 4
-43 : 0
明度
+71 : 100
+67 : 96
+63 : 92
+59 : 88
+55 : 84
+51 : 80
+47 : 76
+43 : 72
+39 : 68
+35 : 64
+31 : 60
+27 : 56
+23 : 52
+21 : 50
+19 : 48
+15 : 44
+11 : 40
+7 : 36
+3 : 32
+2 : 31
±0 : 29
-1 : 28
-2 : 27
-3 : 26
-5 : 24
-9 : 20
-13 : 16
-17 : 12
-21 : 8
-25 : 4
-29 : 0
白
-16 : 0
-12 : 4
-8 : 8
-4 : 12
-3 : 13
-2 : 14
±0 : 16
+2 : 18
+3 : 19
+4 : 20
+8 : 24
+12 : 28
+16 : 32
+20 : 36
+24 : 40
+28 : 44
+32 : 48
+34 : 50
+36 : 52
+40 : 56
+44 : 60
+48 : 64
+52 : 68
+56 : 72
+60 : 76
+64 : 80
+68 : 84
+72 : 88
+76 : 92
+80 : 96
+84 : 100
黒
-58 : 0
-54 : 4
-50 : 8
-46 : 12
-42 : 16
-38 : 20
-34 : 24
-30 : 28
-26 : 32
-22 : 36
-18 : 40
-14 : 44
-10 : 48
-8 : 50
-6 : 52
-3 : 55
-2 : 56
±0 : 58
+2 : 60
+3 : 61
+6 : 64
+10 : 68
+14 : 72
+18 : 76
+22 : 80
+26 : 84
+30 : 88
+34 : 92
+38 : 96
+42 : 100
赤
+154 : 255
+137 : 238
+120 : 221
+103 : 204
+86 : 187
+69 : 170
+52 : 153
+35 : 136
+18 : 119
+8 : 109
+4 : 105
+2 : 103
+1 : 102
±0 : 101
-1 : 100
-2 : 99
-4 : 97
-8 : 93
-16 : 85
-33 : 68
-50 : 51
-67 : 34
-84 : 17
-101 : 0
緑
+149 : 255
+132 : 238
+115 : 221
+98 : 204
+81 : 187
+64 : 170
+47 : 153
+30 : 136
+13 : 119
+8 : 114
+4 : 110
+2 : 108
+1 : 107
±0 : 106
-1 : 105
-2 : 104
-4 : 102
-8 : 98
-21 : 85
-38 : 68
-55 : 51
-72 : 34
-89 : 17
-106 : 0
青
+213 : 255
+196 : 238
+179 : 221
+162 : 204
+145 : 187
+128 : 170
+111 : 153
+94 : 136
+77 : 119
+60 : 102
+43 : 85
+26 : 68
+9 : 51
+8 : 50
+4 : 46
+2 : 44
+1 : 43
±0 : 42
-1 : 41
-2 : 40
-4 : 38
-8 : 34
-25 : 17
-42 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000